本文介绍了常见的CSS屏幕尺寸，包括13种宽度和15种高度，并综合考虑了横竖屏情况，总结出了20种常用尺寸。文章将这些尺寸划分为三档，适用于不同类型的设备，并给出了手机屏幕宽度的实际统计数据。
CSS宽有13种：
320、360、375、384、400、533、600、768、800、853、1024、1280、1366
CSS高有15种：
360、480、533、568、569、600、640、667、720、768、800、853、960、1024、1280
考虑到屏幕可能变为竖屏，那么综合一下共20种:
320、360、375、384、400、480、533、568、600、640、667、720、768、800、853、853、960、1024、1280、1366
划分一下，大致是：
第一档在小屏幕手机：320~384
第二档在note/pad：400~900
第三档在桌面端：960~
在实际项目中统计的结果表明，手机屏幕的宽度中的95%还在320~375宽。保证手机版画面主体内容在320宽内即可。
from: http://segmentfault.com/q/1010000002436811/a-1020000002437393
扫一扫
1550
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
