当前位置: 代码迷 >> Web前端 >> 网页制作宽度依据浏览器宽度设定
  详细解决方案

网页制作宽度依据浏览器宽度设定

热度:194   发布时间:2012-11-23 00:03:43.0
网页制作宽度根据浏览器宽度设定
我的机器中只装了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。
  相关解决方案