响应式布局-媒体

@media all and (min-width:320px){

body{backgroud-color:bule;}

}

设备类型（默认all）

1.screen是媒体类型里的一种，css2.1定义了10种媒体类型

2.and被称为关键字，其他关键字还包括net（排除某种设备），only（限定某种设备）

3.（min-width.400px）就是媒体特性，其被放置在一对圆括号中