当前位置:首页 > 网络编程 > 正文内容

web端设计尺寸规范

2025-01-07网络编程9

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

浏览器状态栏菜单栏滚动条市场份额(国内)
Chrome 浏览器 Chrome 浏览器22 px(浮动出现)60 px15 px8%
360 浏览器 360 浏览器24 px140 px15 px28%
火狐浏览 火狐浏览器20 px132 px15 px1%
IE浏览器 IE浏览器24 px120 px15 px35%
搜狗浏览器 搜狗浏览器25 px163 px15 px5%
遨游浏览器 遨游浏览器24 px147 px15 px1%

系统分辨率统计

分辨率占有率分辨率占有率
1366×76815%1440×90013%
1920×108011%1600×9005%
1280×8004%1280×10243%
1680×10502.8%320×4802.4%
480×8002%1280×7681%

常见设备分辨率

laptop 设备名称操作系统尺寸 inPPI纵横比宽 x 高 dp宽 x 高 px密度 dpi
MacBookOS X12.022616 : 101280 x 8002304 x 14402.0 xhdpi
MacBook Air 11OS X11.613516 : 91366 x 7681366 x 7681.0 mdpi
MacBook Air 13OS X13.312816 : 101440 x 9001440 x 9001.0 mdpi
MacBook Pro 13OS X13.322716 : 101280 x 8002560 x 16002.0 xhdpi
MacBook Pro 15OS X15.422016 : 101440 x 9002880 x 18002.0 xhdpi
iMac 21.5OS X21.510216 : 91920 x 10801920 x 10801.0 mdpi
iMac 21.5 4KOS X21.521816 : 91920 x 10804096 x 23042.0 xhdpi
iMac 27OS X2710916 : 92560 x 14402560 x 14401.0 mdpi
iMac 27 5KOS X2721816 : 92560 x 14405120 x 28802.0 xhdpi
Surface BookWindows13.52673 : 21500 x 10003000 x 20002.0 xhdpi
Surface ProWindows12.32673 : 21368 x 9122736 x 18242.0 xhdpi
Surface LaptopWindows13.52013 : 21128 x 7522256 x 15042.0 xhdpi
Surface StudioWindows281923 : 22250 x 15004500 x 30002.0 xhdpi
Dell XPS 13Windows13.327616 : 91920 x 10803200 x 18001.5 hdpi
Dell XPS 15Windows15.628016 : 91920 x 10803840 x 21602.0 xhdpi
小米笔记本Air 12.5Windows12.517616 : 91920 x 10801920 x 10801.0 mdpi
小米笔记本Air 13.3Windows13.316616 : 91920 x 10801920 x 10801.0 mdpi
小米笔记本Pro 15.6Windows15.616616 : 91920 x 10801920 x 10801.0 mdpi

网页宽度与首屏高度

网页宽度与首屏高度