建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JS媒体查询插件matchmedia.js

来源:易助科技网浏览量:15收藏

简介


window.matchMedia()方法用来检查css的mediaQuery语句,但部分浏览器不支持,可以使用第三方函数库matchMedia.js。



使用


1.  引入


// Likely want to requier both polyfills..
require('matchmedia-polyfill');
require('matchmedia-polyfill/matchMedia.addListener');


2.  调用


1)测试移动设备媒体查询


if (matchMedia('only screen and (max-width: 480px)').matches) {
  // smartphone/iphone... maybe run some small-screen related dom scripting?
}


2)测试 landscape orientation


if (matchMedia('all and (orientation:landscape)').matches) {
  // probably tablet in widescreen view
}



相关链接


GitHub 地址:https://github.com/paulirish/matchMedia.js