媒体查询@media使用方法

媒体查询@media使用方法

@media 媒体类型and （媒体特性）{你的样式}

媒体类型也可以称之为设备类型
媒体特性书写方法与样式书写方法类似

例如：

@media screen and (min-width:400px) {
   
   }

min-width 最小宽度
max-width 最大宽度
min-height 最小高度
max-height 最大高度

当需要使用多个媒体特性时，要用and将它们结合在一起

@media screen and (min-width:600px) and (max-width:900px){

}