所有手机的 CSS 媒体查询，但不是 iPad答案

【问题标题】：CSS media query for all phones but not iPad所有手机的 CSS 媒体查询，但不是 iPad
【发布时间】：2012-10-14 20:53:29
【问题描述】：

您好，我正在尝试编写将影响所有手机但不影响 iPad 的媒体查询。

我很难这样做，因为显然 android 设备在改变方向时会改变它们的设备宽度。从纵向到横向意味着宽度变为高度，反之亦然。无论方向如何，Apple 设备都将其设备宽度报告为相同的值。安卓手机的分辨率比 iPad 更高，这一事实使问题更加复杂。

如果 Android 手机的设备高度为 1280 像素，而 iPad 的设备高度为 1024 像素，我该如何编写将影响所有 Android 手机但不影响 iPad 的媒体查询？

【问题讨论】：

有没有像素比为 2 的安卓设备？也许您可以结合 size 查询另一个属性
有像素比为 2 的 android 设备，这将是这些设备的解决方案。但是，有些安卓手机的分辨率比 iPad 的分辨率更高，像素比为 1，因此不会使用此解决方案。
我现在意识到这对没有视网膜的 iPad2 也没有帮助

标签： css media-queries

【解决方案1】：

您可以使用它来区分横向的 Android 设备和横向的 iPad，但我不确定纵向：

<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>

【讨论】：