您的位置:首页 > 运维架构 > 网站架构

360兼容模式网站界面错乱及部分功能失效

2017-04-12 09:49 375 查看

  360浏览器中包含了两个浏览器 一个是IE(Trident内核),即兼容模式,在使用网银时需要切换为兼容模式 一个是Chrome(Chrommium内核),即极速模式,在浏览器地址栏右侧可以看出来,兼容模式是一个"e",极速模式是一个类似'闪电'的图标。

  之前做的网站公司测试给我提了一个bug,网站在360浏览器兼容模式下有样式问题,且nav本来还有下拉菜单,也不出现:

  

  然后去360兼容模式下一看,居然是IE7文档模式,可是我并没有考虑IE8以下的浏览器兼容问题,而且jquery也是使用最新版本的,后来找度娘,并经测试在头部加meta是可行的:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">,加上这句话意思是360浏览器就会自动使用最高的文档模式,若本地安装了chrome则以这个为文档模式。完成效果如下图:

 

 建议诸位web开发者,如果公司要求兼容360浏览器的话,就需要兼容IE低版本啦,再写代码时要注意兼容问题。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐