您的位置：首页 > Web前端 > CSS

页面在360浏览器出现样式错乱问题

2017-07-17 15:51 751 查看
    在前端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浏览器 Chrome 前端
相关文章推荐
新的分享
章节导航