Question

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

我的代码在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或更低版本中运行？我在</head>部分添加了 css3-mediaqueries.js （您可以看到下面提到的代码），但它并没有帮助我。

<!-- 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]-->

提前致谢：）

Answer 1

如果css3-mediaqueries.js不起作用 - 请尝试Respond。只需将此作为注释使用CSS3-mediaqueries.js - 它来自site - ＆gt;

注意：不适用于@ import＆＃39; ed样式表（您不应该使用它们）无论如何出于性能原因）。也不会听媒体 <link>和<style>元素的属性。

媒体查询无法在IE8中运行

1 个答案: