Question

有很多主题，但我无法找到解决问题的方法，所以我希望每个人都可以帮助我。我尝试了很多天，我在所有CSS之后放了respond.js，但它不起作用。

我的代码：

<link rel="stylesheet" type="text/css" media="screen" href="style.css">
<style>
    .green{
        background: #2DFF78;
    }

    .blue{
        background: #02779E;
    }

    .col6{
        margin-bottom: 20px;
    }
</style>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="respond.min.js"></script>

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

在IE8上测试（使用IE9并在IE8上更改浏览器模式）

Answer 1

我们最近有respond.js与IE8合作

适用于@media queries：

<style>
    .green{ background: #2DFF78; }
    .blue { background: #02779E; }
    .col6 { margin-bottom: 20px; }

    @media screen and (max-width: 600px) { .green { background: #ff0; }}
    @media screen and (max-width: 450px) { .green { background: #f0f; }}
</style>

您需要在CSS中使用@media查询才能使其正常工作。 Check out their example了解更多信息

Answer 2

我自己遇到了这个问题，结果是IE8中的脚本的缩小版本被破坏了，你应该使用未压缩的版本并确保它不会在控制台上抛出任何错误。

respond.js没有在IE8上工作

2 个答案: