internet explorer 8 -如何让modernizr与response .js一起工作?

Question

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

当然，媒体查询在IE8及以下版本上不工作。我尝试的解决方案是使用modernizer和response .js。

我脑子里有这个:

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

在firefox中，我在控制台中看不到任何JS错误。网络条显示modernizr正在下发

在IEtester中，我打开了一个IE8面板。页面的行为就好像response .js不存在一样。在IETester的调试栏中，我转到"links"。

我做错了什么?

Answer 1

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

Modernizr.mq('only screen')

你可能想看看Alex Sexton (Modernizr.load的创建者)的评论，他建议使用而不是异步加载Respond.js，因为它对网站的视觉影响很大。

https://github.com/scottjehl/Respond/issues/14 issuecomment - 1017652