关于获取设备的大小问题:
/* 本条为CSS2部分,IE8及以下只支持本条 */
@media screen{
body{color:#f00;}
}
/* 下列为CSS3部分 */
@media screen and (min-960px){
body{background:#999;}
}
@media screen and (device-1024px){
.test{display:block;}
}
@media screen and (1024px){
.test2{display:block;}
}
//书写格式
@media:<media_query_list>
<media_query_list>:[<media_query>[',' <media_query>]*]?
<media_query>:[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*
<expression>:'('<media_feature>[:<value>]?')'