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。

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

 
 

  
  
 div>
  
  
 div>
  
  
 div>
  
  
 div>
  
  

 
 

　　上面的代码在不同浏览器中是不一样的，实验起源于对小height值div的运用，

分享名称：IE、Firefox等浏览器不兼容原因及解决方案
URL地址：http://www.shufengxianlan.com/qtweb/news23/447973.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联