css - 所有手机的 CSS 媒体查询，但不是 iPad

Question

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

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

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

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