Modernizer JS媒体查询检查.负载 /卸载



我正在处理一个代码,该代码检查浏览器是否支持媒体查询。如果是这样,则检查窗口宽度,如果跌落在700px下,则加载了CSS文件,但是如果窗口宽度大小并返回到比700px更宽的东西,则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();
        }

Modernizr不会收听窗口尺寸的更改,随着您要寻找的功能,您实际上可能想要一个响应式的多填充,例如words.js

最新更新