| 设备 | doc栏 | 分辨率 | 比例 |
|---|---|---|---|
| win | 无 | 1920 1009 | 0.525 |
| win | 有 | 1920 969 | 0.504 |
| mac | 有 | 1512 754 | 0.499 |
| mac | 无 | 1512 824 | 0.545 |
| mac4K显示器 | 无 | 3008 1546 | 0.514 |
| 标准1080p显示器 | 无 | 1920 1080 | 0.562 |
| 1366设计稿 | 无 | 1366 754 | 0.555 |
- 可以看到当有dock栏的时候 chrome的网页内容比例大概是0.5左右, 没有dock栏的时候, mac是0.545 win是0.525
- 常用的1366设计稿大概在标准1080p显示器和全屏mac之间
- 所以我估计这个尺寸是设计给客户端应用的,而浏览器因为页签和书签栏,比例接近2:1 偏向细长
以大多数用户的非全屏使用场景为例, 由于比例问题, 前端的布局元素如果高度指定, 那么宽度就会被拉长,导致无法还原设计稿观感,看起来似乎全是对的,又不完全对
