关于网页制作中浏览器宽度和告诉的研究

 浏览器宽度和告诉的设定,是广大网页设计师们一直比较头疼的问题。设计的好了,要是不够美观,会遭到责怪;设计的不好,在第一时间就会挨批。因此,浏览器宽度和告诉的设定,在一定程度上直接决定了网页的可观赏性以及美观性。本文针对此,浅谈网页浏览器宽度和告诉的设定要点。

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

怎么样?还比较有用吧。其实对于一个网页设计师来说,最重要的就是访客。是否可以把访客留住,是衡量网站好坏的一大依据。这就需要我们广大网页设计师的不断创新!