您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

网页的设计尺寸-浏览器

浏览器与系统

一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

 

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 

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di2029.html
日常设计:网页设计灵感的十个来源
平面设计师如何转型做网页设计
图趣网微信
建议反馈
×