浏览器与系统
一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。
Windows XP任务栏的高度30px
Windows 7任务栏的高度40px
主流浏览器的界面参数
浏览器 | 状态栏 | 菜单栏 | 滚动条 |
---|---|---|---|
Chrome 浏览器 | 22px(浮动出现) | 60px | 15px |
火狐浏览器 | 20 px | 132 px | 15px |
IE浏览器 | 24 px | 120 px | 15px |
360 浏览器 | 24 px | 140 px | 15px |
遨游浏览器 | 24 px | 147 px | 15px |
搜狗浏览器 | 25 px | 163PPI | 15px |
系统分辨率统计
对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):
安全分辨率为1024 X 768 px
可建议大分辨率为1280 X 800 px
网页宽度与首屏高度
安全宽度1002 px
可建议较大宽度1258 px
在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
综合分辨率及浏览器下的统计数据
Window XP首屏大小580 px
Window 7 首屏大小710 px