StackOverflow上已經有2個關于@media queries的很好的討論了。其中之一是:CSS媒體查詢適用于iPad2、iPad Air、三星Galaxy、大屏幕，但不適用于常見的桌面屏幕。

這些討論發生在iPad Air問世之前。iPad Air的視窗尺寸為2048 x 1536。我找不到它的webkit-min-device-pixel-r比率。我想專門針對Air，因為我的AJAX站點縮小到了它的一半大小。這個網站是為了景觀而已。

因此...

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 1.0)

->瞄準老款iPad 2

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 2.0)

->瞄準iPad 3 & amp4視網膜，但它不針對空氣

我嘗試了各種各樣的

@media only screen 
and (min-device-width : 1536px) 
and (max-device-width : 2048px) 
and (-webkit-min-device-pixel-ratio: 2.0)

試圖讓空氣產生反應。誰有開發新air的經驗？

你需要視窗尺寸http://viewportsizes.com/?濾波器=ipad Air也有1024x768的視口

我在開發新的ipad air 3時遇到了問題。我幾乎沒有找到關于媒體查詢的視口大小的exakt信息。一個朋友告訴我它和ipad pro一樣大(10.5英寸)，所以我去了下面的蘋果開發者網站: https://developer . apple . com/library/archive/documentation/device information/Reference/IOs device compatibility/Displays/Displays . html

從表2-1中提取UIKit的大小是很重要的。畢竟，我對ipad air 3(橫向模式)的查詢是這樣的:@media all and(設備寬度:834px) and(設備高度:1112px) and(方向:橫向){}

你可以試試這個，我試過了，很有效。

iPad Air第五代:

@media only screen and (width: 820px) and (height: 1106px) {}
@media only screen and (width: 1180px) and (height: 746px) {}

要使用媒體查詢針對iPad和iPad Air的特定風格，您可以利用這兩種設備之間的屏幕大小和分辨率差異。以下是您可以使用的一些媒體查詢: 蘋果平板電腦

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) {
  /* CSS styles specific to iPad portrait mode */
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: landscape) {
 /* CSS styles specific to iPad landscape mode */
}

iPad Air

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
 /* CSS styles specific to iPad Air portrait mode */
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
 /* CSS styles specific to iPad Air landscape mode */
}

希望這對你有所幫助