js获取媒体查询屏幕的属于哪种屏幕

最新推荐文章于 2025-06-12 14:13:46 发布

搬砖老程

最新推荐文章于 2025-06-12 14:13:46 发布

阅读量397

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript html5 工具类

本文链接：https://blog.csdn.net/weixin_41000111/article/details/117459002

前端专栏收录该内容

46 篇文章

订阅专栏

博客给出了一个链接地址，涉及JavaScript和HTML5相关内容，可能与工具类有关，属于信息技术领域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 获取屏幕的属于哪种屏幕
 * @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' // 超小屏幕
    }
}