无法在IE8中使用Media查询

Question

更新我已在我的FTP Link here上部署了实时版本！希望这会影响答案或至少是一个主要评论？ :(

Modernizr 2.5+已取消对respond.js的原生支持。

问题：从Modernizr 2.5+加载yesnope.js时如何为IE6~8媒体查询兼容性运行Respond.js？

潜在答案：

• 错误地引用了yesnope路径。

• 错过了安装步骤。

• 脚本层次结构是冲突的

• ????

脚本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="<?php echo get_template_directory_uri(); ?>/library/js/libs/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/modernizr.full.min.js"></script>     
<script src="<?php echo get_template_directory_uri(); ?>/library/js/scripts.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/less-1.3.0.min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/selectivizr-min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/respond.min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/ggs.js"></script>
        <script type="text/javascript">
        Modernizr.load({
            test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries  supported
            nope: 'library/js/libs/respond.min.js'
            });
        </script>


    </body>

文件结构

另外 我删除了Modernizr的top portion因为它坚持（两个版本都不起作用）

Answer 1

我不确定为什么你需要共享你的目录结构，但这是否解决了这个问题？

Modernizr.load({
    test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries supported
    nope: 'library/js/libs/respond.min.js'
});

编辑： 试试这个，我试着让路径更像你已经使用的路径。

Modernizr.load({
    test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries supported
    nope: '<?php echo get_template_directory_uri(); ?>/library/js/libs/respond.min.js'
});

Answer 2

最终解决了它！
 未编译的LESS文件无法识别respond.js。所以使用Simpless，你将得到response.js在IE中工作。

Heres a similar questions

Answer 3

除了Modernize之外，它应该是独立的，开箱即用的。

这个想法是你把它放在你的标题标签中，以防止所谓的“无格式内容的闪现”。

另外，Modernizr提供了很多创建自定义下载的可能性：

http://modernizr.com/download/

在此页面上，您可以明确地包含YepNope和MediaQuery内容。