css - Modernizer JS 媒体查询检查。加载/卸载

Question

我正在编写一个检查浏览器是否支持媒体查询的代码。如果是这样，它会检查窗口宽度，如果它低于 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();
        }

Answer 1

Modernizr won't listen to window size changes, with the functionality you are looking for, you actually probably want a responsive polyfill, like respond.js