internet-explorer-8 - 如何让modernizr 与respond.js 一起工作？

Question

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

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

我脑子里有这个：

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

在 Firefox 中，我在控制台中看不到任何 JS 错误。网络栏表示正在交付modernizr。

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

我究竟做错了什么？

score 1 · Accepted Answer

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

Modernizr.mq('only screen')

您可能想查看来自 Alex Sexton（Modernizr.load 的创建者）的评论，该评论建议不要异步加载 Respond.js，因为它对网站具有高度的视觉影响。

1 回答 1