我的CSS看起来像这样:
/* width 1024px up to 1600px */
/* main CSS */
/* width 1601px up to 1920px */
@media screen and (min-width: 1601px) {
/* CSS */
}
/* wider than 1920px */
@media screen and (min-width: 1921px) {
/* CSS */
}
/* mobile */
@media only screen and (max-width: 1023px) {
/* CSS */
}
一切都按预期工作,除了横向模式的iPad显示移动版本,尽管移动版仅针对最高1023px的设备。我希望iPad能够显示主要的CSS。