IE 坑爹的浏览器兼容模式
作为作为Web的前端开发人员,最悲催的莫过于要不断的,不断的去调试各种浏览器的显示效果,个人比较喜欢用火狐浏览器来做开发和调试,对于不怎么懂CSS的我来说,IE的样式调整一看就头大了。对于没有美工的团队更是坑爹。
言归正传,回到今天的主题,对于IE为了向下兼容旧的网站,自动定位到IE7 的文档模式,而IE7 是IE中最难兼容的版本。在没有专业前端的情况下,只能做到兼容IE8 的系统情何以堪,用户打开界面啥都不看到,在网上找了N久 终于找个一个可行方案。那就是在meta 中定位文档的默认使用的IE文档模式。
<html>
<head>
<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<title>测试模拟IE7浏览模式</title>
</head>
<body>
<!--这里是你网站的内容-->
</body>
</html>
如果不考虑兼容IE7 以下版本 可以如下设置
<meta http-equiv="X-UA-Compatible" content="IE=8,9,10" >