我试图在我的项目中摆脱 Modernizr,但我似乎无法理解或找到 .mq 函数的替代品。有人可以为我的问题解释或提供简单的解决方案吗?
最佳答案
根据Modernizr docs , mq
检查当前页面是否匹配您传递给它的媒体查询,例如if (Modernizr.mq('(min-width: 900px)'))
测试窗口是否至少为 900px 宽。
在现代浏览器(IE10+,details here)上,你可以使用 window.matchMedia
要做到这一点。该页面的示例:
if (window.matchMedia("(min-width: 400px)").matches) {
/* the viewport is at least 400 pixels wide */
} else {
/* the viewport is less than 400 pixels wide */
}
关于javascript - 普通 JS 中的 Modernizr.mq,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45757016/