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


  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低版本啦,再写代码时要注意兼容问题。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM