IE 坑爹的浏览器兼容模式

作为作为Web的前端开发人员,最悲催的莫过于要不断的,不断的去调试各种浏览器的显示效果,个人比较喜欢用火狐浏览器来做开发和调试,对于不怎么懂CSS的我来说,IE的样式调整一看就头大了。对于没有美工的团队更是坑爹。

言归正传,回到今天的主题,对于IE为了向下兼容旧的网站,自动定位到IE7 的文档模式,而IE7 是IE中最难兼容的版本。在没有专业前端的情况下,只能做到兼容IE8 的系统情何以堪,用户打开界面啥都不看到,在网上找了N久 终于找个一个可行方案。那就是在meta 中定位文档的默认使用的IE文档模式。

具体设置可以参考 http://blog.useasp.net/archive/2013/05/29/x-UA-compatible-defining-document-compatibility-emulate-ie-specific-version-to-display-document.aspx

<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" >

 

 

posted @ 2013-06-19 16:08  地板飞  阅读(295)  评论(0编辑  收藏  举报