enquire.jsJavaScript 媒体查询库

联合创作 · 2023-09-22 06:06

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() {}
      
});
浏览 15
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报