Question

我正在使用CSS3媒体查询创建逐步增强的设计，首先响应小屏幕尺寸，然后使用媒体查询更大。

当然，媒体查询不适用于IE8及以下版本。我尝试的解决方案是使用modernizer和respond.js。

我脑子里有这个：

<script type="text/javascript">
        Modernizr.load({
        test: Modernizr.mq,
        nope: '/js/respond.min.js'
        });
      </script>

在firefox中，我在控制台中看不到JS错误。网络栏表示正在交付现代化。

在IEtester中，我打开了一个IE8面板。该页面的行为就像response.js不存在一样。在IETester的调试栏中，我转到“链接”。 Respond.min.js未列出。

我做错了什么？

Answer 1

来自Modernizr docs：http://www.modernizr.com/docs#mq - 似乎需要字符串参数才能使用媒体查询测试。您可以使用以下测试：

Modernizr.mq('only screen')

您可能希望查看Alex Sexton（Modernizr.load的创建者）发表的评论，该评论建议反对异步加载Respond.js，因为它对网站具有高度的视觉冲击力。