内嵌的响应时布局

@media all and (min-width: 400px) and (max-width: 700px) { /*屏幕宽度在[400px,700]之间时，应用该css*/ }
@media all and (orientation: portrait) {  /*设备竖屏时*/  }
@media and (min-device-width: 800px) { /*最小设备宽度为800px时*/ }