让浏览器自动设置文档模式

解决文档模式问题:

必须在文件头添加

其中关键代码为:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
在解决问题过程中个,最开始只添加了:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
但问题依然还存在,改变DTD申明后,问题解决。

然后添加如下代码: 这两句要引在CSS文件之上,在加载页面代码之前引用

 --文本模式版本修改
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

--浏览器模式版本修改
<meta http-equiv="x-ua-compatible" content="IE=9" >

引用:https://blog.csdn.net/katara1109/article/details/49156725

2.1 在html head中写上这句代码,即可时文档模式为你浏览器最高级别的模式;<meta http-equiv="X-UA-Compatible" content="IE=edge" />;

2.2 若你想已ie8的标准模式打开,就写成<meta http-equiv=X-UA-Compatible content=”IE=EmulateIE8“>;

2.3 若你想要以他的文档模式ie10的打开,浏览器级别低于10的就以浏览器本身最高的方式打开,那么你要写这2句话(顺序不能错):<meta http-equiv=X-UA-Compatible content=“IE=EmulateIE10”>;<meta http-equiv="X-UA-Compatible" content="IE=edge" />;

原因,优先级是第一句,但第一句执行不了,再执行第二句;

第三、补充两点,1.若您的代码在jsp环境中,通过iframe的形式展示的,上面代码写在common.jsp或者您的basic.jsp即可;

2.经我实践证明这句:<meta http-equiv=X-UA-Compatible content=”IE=10“>无效,必须写成IE=EmulateIE10;

3.写多个文档模式,这样即可<meta http-equiv=”X-UA-Compatible” content=”EmulateIE8, EmulateIE10″>

猜你喜欢

转载自my.oschina.net/sprouting/blog/1802030
今日推荐