web页面设计尺寸

Web的设计尺寸

有 10921 人下载分享了它

浏览器与系统

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

Windows XP任务栏的高度30px

Windows 7任务栏的高度40px

主流浏览器的界面参数

浏览器状态栏菜单栏滚动条

Chrome 浏览器

22px（浮动出现）60px15px

火狐浏览器

20 px132 px15px

IE浏览器

24 px120 px15px

360 浏览器

24 px140 px15px

遨游浏览器

24 px147 px15px

搜狗浏览器

25 px163PPI15px

系统分辨率统计

对大于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://chicun.in/web.html