媒体查询无法在文档模式下工作:ie8标准

时间:2014-07-10 08:00:29

标签: internet-explorer-8 responsive-design media-queries ie8-compatibility-mode ie8-browser-mode

我正在不同的浏览器上测试我的网站,一切看起来都很好,直到我在 Internet Explorer 上进行测试(浏览器模式:IE8和文档模式:IE8标准)我实际上并不知道发生了什么,但当我切换到文档模式:IE9 时,它会起作用:(..

任何遇到此类问题的人?希望有人可以在这个问题上给我一些解释或解决方案,先谢谢你们。

顺便说一句,我在我的网站上使用wordpress,我尝试使用Respond.js插件,但仍然没有运气:(

2 个答案:

答案 0 :(得分:3)

使用以下代码,其中包含适用于小于9的IE版本的JavaScripts。使用html5.js文件,您还可以在IE8中使用HTML5标记。

<!--[if lt IE 9]>
<script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

答案 1 :(得分:1)

IE8并不了解开箱即用的媒体查询。

如果您在IE&lt; 9中需要此功能,则一个选项是使用respond.js 另一个选项是css3-mediaqueries-js

它们很相似,而且两者都取得了很好的成功。根据您网站的具体情况,有时可能比其他网站更好用

祝你好运!