IE8和360兼容模式下页面排版出问题的解决办法

在搞一个门户网站的项目,最近忽然发现首页在360兼容模式下和IE8下显示都有很大的问题,而之前没有这个问题。

百度了一下,有人说在head中加入:<meta http-equiv="X-UA-Compatible" content="IE=7" />可以解决,
但这并不能完全解决我的问题。

经过研究,我发现用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11">取代上头的代码,会有很好的效果,具体原因未知。

而在360兼容模式下出问题,需要加入<meta name="renderer" content="webkit|ie-comp|ie-stand">就可以了。(此方法是在360官方的论坛里发现的。原理是当360浏览器在兼容模式下检测到有这么一条代码的时候,会自动把兼容模式换成极速模式,所以这个问题其实没有改好,只是尽力去避免。我只想说,360发现了这个问题能不能改好啊!!或者就取消神马的兼容模式好吗!!这么弄让开发人员怎么搞?测试妹子那就过不去啊!!反正我是从来不用360浏览器,还兼容模式……狗屁的兼容模式有个毛线用啊)

    原文作者:yizheng
    原文地址: https://segmentfault.com/a/1190000002631322
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞