实现网页布局的自适应@media screen各max-width和min-width大小

不同分辨率设备或不同窗口大小下布局

@media screen and(min-width:1200px) {

}
@media screen and(min-width:960px)and(max-width:1199px) {

}
@media screen and(min-width:768px)and(max-width:959px) {

}
@media only screen and(min-width:480px)and(max-width:767px) {

}
@media only screen and(max-width:479px) {

}