关于前端:js获取媒体查询屏幕的属于哪种屏幕

/**
 * 获取屏幕的属于哪种屏幕
 * @returns {string} xs为超小屏  sm为小屏  md为中屏  lg 为大屏
 */

export let getScreen =  function () {
    if(win.matchMedia("(min-width: 1200px)").matches) {
        return 'lg';
    }else if(win.matchMedia("(min-width: 992px)").matches) { // screen and (min-width: 992px)
        return 'md'
    }else if(win.matchMedia("(min-width: 768px)").matches) { // screen and (min-width: 768px)
        return 'sm'
    }else {
        return 'xs' // 超小屏幕
    }
}

地址:链接地址

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理