媒体查询。用来设置不同设备自适应大小

.div{
    font-size:16px;
}  
// 媒体属性要在原样式表下方写
@media screen and(max-width: 1200px) {  // 当宽度小于1200像素的时候。
.div{
        font-size:20px;
   }  
}

@media screen and(min-width: 700px) {  // 当宽度大于700像素的时候。
.div{
        font-size:20px;
   }  
}
@media screen and(min-width: 700px)and(max-width: 1200px){ // 当宽度大于700像素同时小于1200的时候 .div{ 
　　　　font-size:20px; 
　　} 
}