网页的设计尺寸-浏览器
2014/5/30 11:20:10来源:互联网
浏览器与系统
一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

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

免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di2029.html
本文地址:http://www.tuquu.com/tutorial/di2029.html
上一篇:日常设计:网页设计灵感的十个来源
下一篇:平面设计师如何转型做网页设计
这些是最新的
最热门的教程