1、在<head>标签前插入
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如图所示:
2、在<head> 标签内插入:
<html>
<head>
<meta name=”renderer” content=”webkit|ie-comp|ie-stand” />
</head>
<body>
</body>
</html>
content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 若页面需默认用极速核，增加标签：<meta name=”renderer” content=”webkit” /> 若页面需默认用ie兼容内核，增加标签：<meta name=”renderer” content=”ie-comp” /> 若页面需默认用ie标准内核，增加标签：<meta name=”renderer” content=”ie-stand” /> 这里发现一个问题，官方给的信息里结尾是“>”，实际测试时不起作用，这时只要把结尾改为“ />”（注意 / 前面有空格），测试是可行的。
我用是极速模式，个人测试比较稳定，截图如下：
3、最后，重启服务器tomcat即可，兼容问题解决，界面不会再发生扭曲了
