做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JS响应式媒体查询插件enquire.js
来源:易助科技网浏览量:3收藏

简介

enquire.js 是轻量级,纯 JS 实现的 CSS 媒体查询库。它有以下特定:

JavaScript 回调媒体查询,匹配或者不匹配
干净直观的 API
超轻量级 —— 大约 0.8kb minified & gzipped!


使用

1.  引入文件

<script src="static/js/enquire.min.js"></script>


2.  简单使用

enquire.register("screen and (max-width:45em)", {
// OPTIONAL
// If supplied, triggered when a media query matches.
match : function() {},

// OPTIONAL
// If supplied, triggered when the media query transitions
// *from a matched state to an unmatched state*.
unmatch : function() {},

// OPTIONAL
// If supplied, triggered once, when the handler is registered.
setup : function() {},

// OPTIONAL, defaults to false
// If set to true, defers execution of the setup function
// until the first time the media query is matched
deferSetup : true,

// OPTIONAL
// If supplied, triggered when handler is unregistered.
// Place cleanup code here
destroy : function() {}

});


相关链接

GitHub 地址 :https://github.com/WickyNilliams/enquire.js