javascript - 无法让媒体查询在 IE8 中工作

Question

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

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

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

可能的答案：

• 错误地引用了 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 的顶部，因为它坚持（两个版本都不起作用）

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，你会得到 respond.js 在 IE 中工作。

这是一个类似的问题

Answer 3

除了 Modernize 应该独立工作并且开箱即用。

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

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

http://modernizr.com/download/

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