【前端响应式】媒体查询（@media）_前端媒体查询兼容性什么意思

作者：Monodyee | 2024-03-29 10:06:46

踩

前端媒体查询兼容性什么意思

功能：根据不同的页面属性（主要是宽度）设置不同的样式

基本用法

/*1.屏幕宽度在300px以上的样式*/
@media screen and (min-width:300px){
   

}
/*2.屏幕宽度在600px以下的样式*/
@media screen and (max-width:600px){
   

}
/*3.屏幕宽度在300px以上,600px以下的样式*/
@media screen and (min-width:300px) and (max-width:600px){
   

}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

含义

(min-width:300px)								=>		屏幕宽度>300px时
(max-width:301

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/335243