css 通过@media 控制不通屏幕宽度显示不一样的布局
body{
background: green;
} //默认是不限宽度,适用于大屏,电脑等设备横屏
@media screen and (max-width:992px){ //先写宽的,包含窄的,中屏幕默认992,平板等设备竖屏
body{
background: yellow;
}
}
@media screen and (max-width: 768px) { //再写窄的,覆盖宽的定义,下屏幕默认768,手机等设备竖屏
body{
background: red;
}
}