CSS媒體查詢所有手機，但不是iPad

嗨我想寫一個媒體查詢，這將影響所有手機，但不會影響iPad。CSS媒體查詢所有手機，但不是iPad

我很難這麼做，因爲顯然Android設備在改變方向時會改變設備寬度。肖像到風景意味着寬度變成高度，反之亦然。無論方向如何，Apple設備都將其設備寬度報告爲相同的值。有比iPad更高分辨率的Android手機這一事實使問題更加複雜化。

如果有一款Android手機的1280px的設備高度和iPad擁有1,024像素的設備的高度，我怎麼能寫一個媒體查詢，這將影響到所有Android手機而不是ipad公司？

來源

2012-10-24 Jimmy Burgess

是否有與像素比Android設備：2？也許你可以查詢與尺寸 –

一起的另一個屬性有Android設備像素比2，這將是這些設備的解決方案。然而，Android手機的分辨率要高於iPad的分辨率，其像素比例爲1，而且這種解決方案不會考慮它們。 –

我現在意識到這對iPad2沒有視網膜甚至沒有幫助 –

您可以使用它來在景觀從iPad區分景觀的Android設備，但我不知道在畫像：

<style> 
@media all and (min-device-aspect-ratio:1/1) and (orientation:landscape) { 
    /*because an iPad doesn't change it's width, it's device aspect ratio will not be greater than 1/1 */ 
    body {background-color:#00FF00;} 
} 
</style>

來源

2012-10-24 20:03:15

CSS媒體查詢所有手機，但不是iPad

回答

相關問題