Aaron Lau(韩栖)

10.9 与 11 寸 —— 一个断点

Aaron Lau(韩栖)170 字

响应式网页按视口宽度切换布局。10.9 英寸 iPad 横向是 1180 点,11 英寸是 1194 点,只差 14 点。Apple 官网的导航栏和商品卡片,在两种排版下宽度和字号都不同。同一个页面在两台机器上加载的排版资源不同,按钮大小也跟着变。

「以 Apple 官网为例,10.9 寸 iPad 显示移动端排版,11 寸 iPad 显示桌面端排版」。14 点刚好落在断点两侧:一个拿到移动版,一个拿到桌面版。竖屏时两者都在 820 点左右,没有区别。买 iPad 前看网页适配,横屏那一档更关键。

iPad · 应用