1024分辨率下:
IE:
IE7:1003*590
IE6:1003*596
IE5.5:1003*607
Maxthon(正常模式):1003*544
浏览窗口的高度跟IE上边的工具栏有关系,以上的高度都是在IE的默认状态下的。Mathon有IE模式、正常模式、简单模式三个模式,我只测试了正常模式下的。
FireFox:
FireFox的浏览窗口的高度和宽度是这样计算的:当页面的高度和宽度没有超过浏览窗口的宽度和高度时,浏览窗口的宽度和高度是1024*575,当页面的高度超过575时,竖向滚动条出现,浏览窗口的宽度变成1007。
Opera:
Opera的情况跟FireFox的情况一样,当页面的高度和宽度没有超过浏览窗口的宽度和高度时,浏览窗口的宽度和高度是1018*625。当出现竖向的滚动条时,页面的宽度变成1001。但是此时如果页面的宽度超过1001时,并不会出现横向的滚动条,只是超出1001范围的内容会被盖在竖向滚动条下面,页面宽度超过1018时浏览窗口才会出现横向滚动条。
800分辨率下:
IE:
IE7:779*422
IE6:779*428
IE5:779*439
Maxthon(正常模式):779*376
FireFox:
800*407(无滚动条状态)
783*408(有滚动条状态)
Opera:
794*457(无滚动条状态)
777*458(有滚动条状态)
结论:1024分辨率下,页面宽度应为1002,页面重要内容的位置不能低于570;800分辨率下,页面宽度应为778,页面中重要内容的位置不能低于400。
IE:
IE7:1003*590
IE6:1003*596
IE5.5:1003*607
Maxthon(正常模式):1003*544
浏览窗口的高度跟IE上边的工具栏有关系,以上的高度都是在IE的默认状态下的。Mathon有IE模式、正常模式、简单模式三个模式,我只测试了正常模式下的。
FireFox:
FireFox的浏览窗口的高度和宽度是这样计算的:当页面的高度和宽度没有超过浏览窗口的宽度和高度时,浏览窗口的宽度和高度是1024*575,当页面的高度超过575时,竖向滚动条出现,浏览窗口的宽度变成1007。
Opera:
Opera的情况跟FireFox的情况一样,当页面的高度和宽度没有超过浏览窗口的宽度和高度时,浏览窗口的宽度和高度是1018*625。当出现竖向的滚动条时,页面的宽度变成1001。但是此时如果页面的宽度超过1001时,并不会出现横向的滚动条,只是超出1001范围的内容会被盖在竖向滚动条下面,页面宽度超过1018时浏览窗口才会出现横向滚动条。
800分辨率下:
IE:
IE7:779*422
IE6:779*428
IE5:779*439
Maxthon(正常模式):779*376
FireFox:
800*407(无滚动条状态)
783*408(有滚动条状态)
Opera:
794*457(无滚动条状态)
777*458(有滚动条状态)
结论:1024分辨率下,页面宽度应为1002,页面重要内容的位置不能低于570;800分辨率下,页面宽度应为778,页面中重要内容的位置不能低于400。
本文详细介绍了在1024及800分辨率下,各种浏览器如IE、Firefox、Opera和Maxthon的可视区域尺寸,并给出了网页设计时推荐的页面宽度及重要内容布局建议。
491

被折叠的 条评论
为什么被折叠?



