私の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 */
}
モバイル バージョンは 1023px までのデバイスのみを対象としていますが、モバイル バージョンを表示するランドスケープ モードの iPad を除いて、すべてが期待どおりに機能します。iPadにメインのcssを表示させたい。