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低版本啦,再写代码时要注意兼容问题。
相关文章推荐
- 介绍了用Meta标签代码让360双核浏览器默认极速模式(google)打开网站不是兼容模式
- 如何解决360的兼容模式下页面的样式会错乱
- 360/IE兼容模式下。append 失效,ajax返回json,传值为0问题
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式(顺带解决很多兼容性问题)
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- 网站兼容 360的IE8兼容模式处理方式
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- 让网站在IE8的兼容模式下运行
- 【分享】让网站在IE8的兼容模式下运行
- Asp.net MVC 3 开发企业网站系统仿照博客园部分功能--总体设计
- 有关网站功能界面的设计
- 让你的网站在IE8的兼容模式下运行
- phpcms v9 更换网站域名后上传图片功能失效的解决办法
- 关于网站发布后App_Browsers文件夹功能失效不可用的处理
- 【分享】让网站在IE8的兼容模式下运行
- Asp.net MVC 3 开发企业网站系统仿照博客园部分功能--总体设计
- 设为首页/加入收藏代码_兼容各浏览器ie系列 Firefox/360 部分不兼容 请自己尝试