IE浏览器中文档模式Quirks Model改为IE标准模式

来源:互联网 发布:mac终端检测luajit 编辑:程序博客网 时间:2024/06/04 17:59

IE文档模式默认为Quirks Model的代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/common.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

</head>

<body>

</body>

</html>

上述代码导致部分页面布局凌乱,改为以下代码:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/common.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

</head>

<body>

</body>

</html>

其中关键代码为:

<!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申明后,问题解决。


0 0