admin管理员组

文章数量:1534356

    在前端web开发时，写好的页面在360浏览器下出现样式错乱，但是在Chrome，Firefox甚至是IE8+以上都没有问题，那么问题是怎么来的？


    分析：1，先检查你的js框架，jQuery类库有没有正确使用。

                2，检查你的HTML标签有没有错误

                3，检查CSS样式

                4，把360浏览器改成兼容模式。


    如果以上都没有问题，那么很有可能是你的浏览器使用了IE7的渲染引擎。360浏览器虽然号称是多核的高速浏览器，但是它仍然是使用Chrome或Firefox的内核，即是webkit系列的内核。这类浏览器是要通过mata标签来判断渲染模式的。

    所以解决方法是在<head>中添加如下代码：

<meta http-equiv="X-UA-Compatible" content="IE=8" />
    content是说明使用何种方式进行渲染，上面就是强行使用IE8版本进行渲染。X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记，用于为 IE8 指定不同的页面渲染模式，对于ie8之外的浏览器是不识别的。

    还有一种方法是：

    

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    

    添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架（Chrome Frame）的客户端渲染，对于没有使用的，则没有任何影响。

    目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。

本文标签： 样式浏览器页面

版权声明：本文标题：页面在360浏览器出现样式错乱问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726883953a1088766.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。