admin管理员组

文章数量:1530307

/* 栅格布局（媒体查询变量）

* https://developer.mozilla/zh-CN/docs/Learn/CSS/CSS_layout/Media_queries（）

* $us ≥376px  响应式栅格

* $xs ≥576px  响应式栅格

* $sm ≥768px  响应式栅格

* $md ≥992px  响应式栅格

* $lg ≥1200px 响应式栅格

* $xl ≥1920px 响应式栅格

------------------------------- */

$us: 376px;

$xs: 576px;

$sm: 768px;

$md: 992px;

$lg: 1200px;

$xl: 1920px;

/* 页面宽度小于768px
------------------------------- */
@media screen and (max-width: $sm) {
	...
}

/* 页面宽度大于768px小于1200px
------------------------------- */
@media screen and (min-width: $sm) and (max-width: $lg) {
	...
}

/* 页面宽度小于1200px
------------------------------- */
@media screen and (max-width: $lg) {
	...
}

本文标签： 宽度屏幕常用媒体

版权声明：本文标题：媒体查询常用屏幕宽度 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726614205a1078049.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。