[转帖]网页制作宽度根据浏览器宽度设定

森森

 

我的机器中只装了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