媒体查询

今天帮别人做了一个兼容pc端和移动端的页面，正好温习了一下媒体查询的知识。

1、@media screen and （ max-width : 600px ）{

　　/*屏幕宽度<=600px的样式*/

}

2、@media screen and （ min-width : 600px ）and （max-width : 1000px ）{

　　/*屏幕宽度600-1000px的样式*/

}

3、@media screen and （ min-width : 1000px ）{

　　/*屏幕宽度>=1000px的样式*/

}

 

⚠️注意：今天写样式的时候发现先写好pc端最大的尺寸的样式，然后把适配小尺寸的代码放下面，这样只需把要改的样式写到里面小尺寸代码里；