HTML中添加<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义
Edge模式告诉IE以最高级 模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。
之前在开发项目的过程中,遇到过因为IE版本产生的兼容问题。自己写完项目在各个浏览器检查时,并没有问题,当项目给到后台同事的时候,在他们的电脑上用360浏览器兼容模式打开项目,出现不兼容的问题。绞尽脑汁无从下手,不知道问题的根源是什么。同事的电脑和 我的电脑安装的同样都是同一版本的360浏览器。最后,经过查阅资料发现,360兼容模式出现的兼容问题,实质还是IE的兼容问题,同时,每个电脑内置的IE版本是不一样的,我的电脑内置IE的版本高,而同事的版本低导致出现渲染页面时出现问题。
找到问题的根源后解决问题并不难,只需要在头部加上以下代码:
<meta http-equiv="x-UA-Compatible" content="IE=Edge">
这句代码可以改变360兼容模式下以何种版本的IE去渲染页面。