我正在处理一个代码,该代码检查浏览器是否支持媒体查询。如果是这样,则检查窗口宽度,如果跌落在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