CSS 媒體查詢 iPad 是指通過 CSS 語法來控制 iPad 設備的布局和樣式展示。它可以根據 iPad 設備的屏幕尺寸、分辨率、方向等信息進行特定的樣式調整。下面我們來學習一下 CSS 媒體查詢 iPad 的常見語法。
/* iPad1 和 iPad2 的橫屏樣式 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* 在這里編寫橫屏樣式 */ } /* iPad1 和 iPad2 的豎屏樣式 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* 在這里編寫豎屏樣式 */ } /* iPad3 和 iPad4 的橫屏樣式 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { /* 在這里編寫橫屏樣式 */ } /* iPad3 和 iPad4 的豎屏樣式 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { /* 在這里編寫豎屏樣式 */ }
以上就是 CSS 媒體查詢 iPad 的常見語法。開發者可以根據需要,結合具體業務場景來靈活運用。