iPad的媒體查詢

Question

我已經嘗試了一些建議 （設備寬度：768px） （分設備寬度：768px）和（最大設備寬度：1,024）

，但我不能似乎得到任何東西工作，使CSS目標iPad。雖然我只在第一代iPad上進行測試。第一代是否有單獨的媒體查詢？

而且，我不知道，如果它一提的是我使用的是非常重要的：

<meta name="viewport" content="width=device-width"/> 

Answer 1

可能已經過火，但直到它成爲一個問題我不會進行調整。 我用過：

@media(min-device-width: 650px) and (max-device-width: 1024px) { 

它工作。

Answer 2

我更喜歡使用縱橫比VS寬度：

iPhone < 5：

@media screen and (device-aspect-ratio: 2/3) {} 

iPhone 5：

@media screen and (device-aspect-ratio: 40/71) {} 

的iPad：

@media screen and (device-aspect-ratio: 3/4) {}