关注不同浏览器下网页显示的问题

爱情海555

首先，维博在这里向所有使用“FireFox”浏览器（火狐浏览器，以下简称Fire）访问本站时遇到页面错乱等问题的用户表示道歉，由于时间紧迫，我们事先没来得及用Fire测试网页性能就直接发布网站了，直至昨日网络上的热心用户向我们反映这个问题，我们才连夜修改，今天上午所有修改工作完毕，网站进行二次总体发布，解决了问题。

通过此次大规模的修改，我们对Fire上HTML的运行机制也有了一定的认知，在此谈谈我们的一点收获吧，希望对你有所帮助。

通过测试，我们发现大多的Fire上网页变形问题都是网页设计时采用DIV＋CSS布局方式引起的，采用传统的Table布局基本上不存在这种问题（除个别标签包裹外）。当然，这里我们不是否认DIV+CSS布局的好处，相反的，它是当今网页开发的主流技术，符合行业规范和标准，关键的问题是，我们如何去深入掌握这门技术，写出规范的代码，使它适应不同的浏览器。

个人认为，Fire对HTML（CSS）的规范性有着更高的要求，而IE（特别是IE7以下版本）相对来说友好很多。通常在无需声明标签的CSS样式属性情况下，IE似乎都能“明白你的心意”一般，自动加深多种设置，例如窗体宽、高度的自适应能力等；而Fire则远远不及IE的“善解人意”了，如果你没详尽地声明标签CSS样式，它往往只会给你带来让人沮丧的显示结果。

通过反复的测试，笔者发现，Fire下CSS属性较IE来说最大的区别在于宽度和高度的设置上，特别是在集中设置多个标签的对齐方式时，这种区别表现得更加明显，这时，有几个CSS属性是非常值得大家注意的：width、height、margin、padding、display等，如果它们的值大小没处理好的话，一般都会导致页面变形。

随着Fire用户的日渐增多，提高HTML代码的适应性问题（即不同浏览器下网页的显示问题）已经值得引起网页设计师们的高度关注，特别对于那些拥有广大用户群的网站来说，如果不能及时修正不同浏览器下页面变形的问题，那么最终只会导致用户的大量流失。

笔者认为，避免不同浏览器下网页变形的发生，除了要求设计师们精通代码编写之外，还要求在代码编写的过程中，必须保证用多种不同的浏览器逐步对页面进行测试，及时发现问题及时解决问题，不可等到开发工作结束之后才开始测试，否则一旦整体修正页面，那将又是一项庞大的工程了。

文章链接地址:http://www.weboz.cn/blog/20