@media screen通过媒体查询实现页面自适应布局教程分享

最近网站建设客户都比较倾向自适应站点，如何实现自适应响应式效果呢，@media screen通过媒体查询实现页面自适应布局教程分享

1. @media screen and (min-width:1200px){
   
2. 　　//大于等于1200px才会进入
   
3. }

复制代码

1. @media screen and (max-width:375px) {　　//小于等于375可以进入
   
2.         html {
   
3.             background: red;
   
4.         }
   
5.     }

复制代码

多条件判断：

1. @media screen and (min-width:600px) and (max-width:900px){
   
2.   body {background-color:#f5f5f5;}
   
3. }

复制代码