Modernizr JS 媒体查询检查。加载/卸载答案

【问题标题】：Modernizer JS Media Query check. Load / UnloadModernizr JS 媒体查询检查。加载/卸载
【发布时间】：2014-01-24 15:50:01
【问题描述】：

我正在编写一个检查浏览器是否支持媒体查询的代码。如果是，它会检查窗口宽度，如果它低于 700 像素，它会加载一个 CSS 文件，但如果窗口宽度调整大小并返回到大于 700 像素的宽度，则 CSS 文件不会“卸载”，因此，它看起来坏的。你能帮我理解什么以及如何使用它的最佳方法吗？这是我的代码：

         function check_media_query_support() {
            if (!Modernizr.mq('only all')) {
                if ($(window).width() <= 700) {
                    Modernizr.load({
                        load:'../styles/jquery-ui/test_unsupported_mq_700.css'
                    });
                } else {

                }
                if ($(window).width() <= 400) {
                    Modernizr.load({
                        load: '../styles/jquery-ui/test_unsupported_mq_400.css'
                    });
                }
            }
        }

        function resizeUi() {
             check_media_query_support();
        }

【问题讨论】：

你所说的“回到更大的地方”是什么意思？
我编辑了我的问题。我的意思是当我调整它的大小时，窗口宽度超过 700 像素

标签： css media-queries backwards-compatibility modernizr html5shiv

【解决方案1】：

Modernizr 不会监听窗口大小的变化，对于您正在寻找的功能，您实际上可能想要一个响应式 polyfill，例如 respond.js

【讨论】：