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

回答

相关问题