首页 > 程序员开发工具 > Web网页设计尺寸规范

Web尺寸规范

主流浏览器的界面参数与份额

浏览器 状态栏 菜单栏 滚动条 市场份额(国内)
Chrome 浏览器 Chrome 浏览器 22 px(浮动出现) 60 px 15 px 8%
360 浏览器 360 浏览器 24 px 140 px 15 px 28%
火狐浏览 火狐浏览器 20 px 132 px 15 px 1%
IE浏览器 IE浏览器 24 px 120 px 15 px 35%
搜狗浏览器 搜狗浏览器 25 px 163 px 15 px 5%
遨游浏览器 遨游浏览器 24 px 147 px 15 px 1%

系统分辨率统计

分辨率 占有率 分辨率 占有率
1366×768 15% 1440×900 13%
1920×1080 11% 1600×900 5%
1280×800 4% 1280×1024 3%
1680×1050 2.8% 320×480 2.4%
480×800 2% 1280×768 1%

常见设备分辨率

laptop 设备名称 操作系统 尺寸 in PPI 纵横比 宽 x 高 dp 宽 x 高 px 密度 dpi
MacBook OS X 12.0 226 16 : 10 1280 x 800 2304 x 1440 2.0 xhdpi
MacBook Air 11 OS X 11.6 135 16 : 9 1366 x 768 1366 x 768 1.0 mdpi
MacBook Air 13 OS X 13.3 128 16 : 10 1440 x 900 1440 x 900 1.0 mdpi
MacBook Pro 13 OS X 13.3 227 16 : 10 1280 x 800 2560 x 1600 2.0 xhdpi
MacBook Pro 15 OS X 15.4 220 16 : 10 1440 x 900 2880 x 1800 2.0 xhdpi
iMac 21.5 OS X 21.5 102 16 : 9 1920 x 1080 1920 x 1080 1.0 mdpi
iMac 21.5 4K OS X 21.5 218 16 : 9 1920 x 1080 4096 x 2304 2.0 xhdpi
iMac 27 OS X 27 109 16 : 9 2560 x 1440 2560 x 1440 1.0 mdpi
iMac 27 5K OS X 27 218 16 : 9 2560 x 1440 5120 x 2880 2.0 xhdpi
Surface Book Windows 13.5 267 3 : 2 1500 x 1000 3000 x 2000 2.0 xhdpi
Surface Pro Windows 12.3 267 3 : 2 1368 x 912 2736 x 1824 2.0 xhdpi
Surface Laptop Windows 13.5 201 3 : 2 1128 x 752 2256 x 1504 2.0 xhdpi
Surface Studio Windows 28 192 3 : 2 2250 x 1500 4500 x 3000 2.0 xhdpi
Dell XPS 13 Windows 13.3 276 16 : 9 1920 x 1080 3200 x 1800 1.5 hdpi
Dell XPS 15 Windows 15.6 280 16 : 9 1920 x 1080 3840 x 2160 2.0 xhdpi
小米笔记本Air 12.5 Windows 12.5 176 16 : 9 1920 x 1080 1920 x 1080 1.0 mdpi
小米笔记本Air 13.3 Windows 13.3 166 16 : 9 1920 x 1080 1920 x 1080 1.0 mdpi
小米笔记本Pro 15.6 Windows 15.6 166 16 : 9 1920 x 1080 1920 x 1080 1.0 mdpi

网页宽度与首屏高度

网页宽度与首屏高度