IE、Firefox等浏览器不兼容原因及解决方案

你对IE，Firefox等浏览器不兼容原因及解决方法是否了解，这里和大家分享一下，希望对你的学习有所帮助。

浏览器不兼容原因及解决方法

浏览器不兼容原因及解决方法，归纳几点：

 1.文字大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，IE下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定line-height。确保所有文字都有默认的line-height值。这点很重要，在高度上我们不能容忍1px的差异。

2.Firefox下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而IE下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。

3.还讨论内容撑破容器问题，横向上的。如果float容器未定义宽度，ff下内容会尽可能撑开容器宽度，IE下则会优先考虑内容折行。故，内容可能撑破的浮动容器需要定义width。

小实验：有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。