1

我正在尝试学习媒体查询，我需要一些帮助。

我的代码在 IE8 中不起作用

CSS

body {
    font-size:11em;
    color:#000;
    transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}

@media screen and (max-width:500px) {
body {
        font-size:5em;
        color:#ff0000;
  }
}
</style>

HTML

<body>
az a s d a sd
</body>

请建议，我应该怎么做才能让它在 IE8 或更低版本中运行？我在部分添加了css3-mediaqueries.js</head>（你可以看到下面提到的代码），但这对我没有帮助。

<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

提前致谢 ：）

4

1 回答 1

3

如果 css3-mediaqueries.js 不起作用 - 尝试Respond。只需将此作为使用 CSS3-mediaqueries.js 的说明 - 它来自他们的网站->

注意：不适用于 @import'ed 样式表（出于性能原因，您无论如何都不应该使用它）。也不会监听<link>and<style>元素的 media 属性。

于 2013-06-27T11:15:43.663 回答