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低版本啦,再写代码时要注意兼容问题。
posted on 2017-04-12 09:49 zhoujian917 阅读(2402) 评论(0) 编辑 收藏 举报