在網站中，我使用小型設備的媒體查詢，對屏幕分辨率< = 980px有效。iPad的媒體查詢
問題是：在iPad上，在水平視圖（1024px）中，應用了css文件。 這是爲什麼？
在桌面上（Firefox），我沒有這個問題。我試圖改變到最大設備寬度，沒有區別。
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="medium.css" media="(max-width:1150px)">
<link rel="stylesheet" href="mobile.css" media="(max-width:980px)">
感謝您的回答。 要明確：我不是在尋找一種方法來瞄準iPad。我正在尋找iPad行爲背後的原因。它的屏幕寬度爲1024px，但它應用了它不應該使用的樣式表。爲什麼？
編輯： 我發現問題/解決方案。見下文。
iPad的瀏覽器適用於以下信息：
寬度和設備寬度：768 PX
高度和設備高度：1024像素
設備的方向不會在重要方面，其價值是高度和上e是寬度！
這意味着，在橫向模式下，瀏覽器促進寬度= 768像素
在我看來，這是一個錯誤。 'width'屬性應該包含瀏覽器窗口的寬度。
現在我用的是網站上的以下媒體查詢：
<link rel="stylesheet" href="mobile.css" media="(max-device-width:768px) and (orientation:portrait), (min-device-width:769px) and (max-width:980px)">
工作得非常好。
嘗試在單獨的CSS樣式表中創建媒體查詢，該樣式表會自動檢測視口的大小。
這個網站是一個很好的一個：
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
我試過 - 但沒有結果。 – Teetrinker
使用該媒體查詢到目標的所有版本的iPad（iPad的1-5 &迷你）。
<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)" href="ipad-portrait.css" />
<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="ipad-landscape.css" />
此外，請檢查發佈的this問題的解決方案。
感謝您的提示。但是我的代碼有什麼問題？ – Teetrinker
我可以專門針對iPad。但我希望網站能夠在任何設備上進行響應。 – Teetrinker
你不必爲此創造額外的CSS文件，只是使用它並添加您的代碼
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
----CODE HERE----
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
----CODE HERE----
}
我嘗試了內置的東西，沒有結果。 – Teetrinker
這些是針對iPad的媒體查詢，不要將它們內聯使用..把它們放在你的css文件中並在它們之間寫下你的css ......如果它不起作用檢查是否有什麼與！important重要可能會覆蓋此。 – Nishant
我想你的意思是'max-device-width'，而不是'max-width'。 –
（max-device-width：980px）和（max-width：980px）都不會導致所需的結果。在這兩種情況下，iPad都會應用css文件。 – Teetrinker