Question

我正在研究一个检查浏览器是否支持媒体查询的代码。如果是，则检查窗口宽度，如果它低于700px，则加载CSS文件，但如果窗口宽度调整并返回到大于700px的范围，则CSS文件不会卸载＆＃34;因此，它看起来很糟糕。能否请您帮助我了解使用此功能的最佳方式是什么以及如何使用？这是我的代码：

         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不会听取窗口大小的变化，使用您正在寻找的功能，您实际上可能需要一个响应式polyfill，如respond.js

Modernizr JS Media Query检查。加载/卸载

1 个答案: