Add tablet viewport fit for hub one-screen layout.
Hi-DPI tablets like 2560x1600 map to ~1280x800 CSS; broaden fit breakpoints and densify for hub-tablet. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -4,6 +4,33 @@
|
||||
|
||||
---
|
||||
|
||||
## 2026-07-16 · 中控平板一屏适配(2560×1600)
|
||||
|
||||
### 修改原因
|
||||
|
||||
平板物理分辨率 2560×1600 在 2× 缩放下 CSS 视口约为 **1280×800**,进不了此前桌面规则 `min-width:1600px`,监控/行情/资金仍整页滚动。
|
||||
|
||||
### 修改的地方
|
||||
|
||||
| 文件 | 改动摘要 |
|
||||
|------|----------|
|
||||
| `manual_trading_hub/static/app.js` | 新增 `isTabletLayout()`;`hub-tablet` body class |
|
||||
| `manual_trading_hub/static/app.css` | 一屏适配门槛降为 `min-width:721px` + `min-height:650px`;另增平板矮/窄视口加密度规则 |
|
||||
| `manual_trading_hub/static/index.html` | 缓存版本 `20260716-hub-fit-tablet` |
|
||||
|
||||
### 达成的目标
|
||||
|
||||
平板(含 2560×1600@2x)与桌面一样:监控区 / 行情区 / 资金概况尽量一屏、无整页下拉。
|
||||
|
||||
### 交付之后的验收
|
||||
|
||||
1. 平板横屏打开中控,强制刷新后 body 应有 `hub-tablet`(开发者工具)。
|
||||
2. 监控区(OKX 一期权 ± 永续空/一仓,另两所各 ≤1 仓):无整页纵向滚动。
|
||||
3. 行情区、资金概况同屏无整页滚动。
|
||||
4. 手机(≤720px)仍走 `hub-phone`,不受影响。
|
||||
|
||||
---
|
||||
|
||||
## 2026-07-16 · 中控三页 1920×1080 一屏显示
|
||||
|
||||
### 修改原因
|
||||
|
||||
Reference in New Issue
Block a user