媒体查询

当浏览器宽度于小于500px时, 背景色为红色

@media screen and (max-width: 500px) {    
    body {        
        background-color:red;    
    }  
}

当浏览器宽度于大于500px时, 背景色为红色

@media screen and (min-width: 500px) {    
    body {        
        background-color:red;    
    }  
}