云水论坛

标题: [转帖]网页制作宽度根据浏览器宽度设定 [打印本页]

作者: 森森    时间: 2010-12-22 20:45
标题: [转帖]网页制作宽度根据浏览器宽度设定

 

我的机器中只装了IE,FireFox,Opera,所以我只测试了这几个浏览器。因为IE处理滚动条的方式跟另外两个浏览器的处理方式不太一样,所以分开说。

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。

 

本篇文章来源于 彼岸论坛 转载请以链接形式注明出处 网址::http://www.go5135.com/bbs/dispbbs.asp?boardID=42&ID=4437






欢迎光临 云水论坛 (http://www.yunshui.net/) Powered by Discuz! X2.5