Rux*_*hel 3 javascript dependencies modernizr
我试图在我的项目中摆脱 Modernizr,但我似乎无法理解或找到 .mq 函数的替代品。有人可以解释或为我的问题提供一个简单的解决方案吗?
根据Modernizr 文档,mq检查当前页面是否与您传递的媒体查询匹配,例如if (Modernizr.mq('(min-width: 900px)'))测试窗口是否至少为 900px 宽。
在模糊的现代浏览器(IE10+,详情请点击此处)上,您可以使用它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 */
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
335 次 |
| 最近记录: |