媒体查询

2016-09-20 本文已影响0人阿钾克斯

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

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

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

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