网页的设计尺寸-浏览器
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
上一篇:日常设计:网页设计灵感的十个来源
下一篇:平面设计师如何转型做网页设计
这些是最新的
最热门的教程