JavaScript 媒体查询库 enquire.js

xiaoxiao2023-06-17 174

enquire.js 详细介绍

enquire.js 是轻量级，纯 JavaScript 实现的 CSS 媒体查询库：

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

完全无依赖，甚至是 jQuery。

简单使用：

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() {} });

文章转载自开源中国社区[https://www.oschina.net]