CSS媒体查询适用于所有手机，但不适用于iPad

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

我很难做到这一点，因为很明显，android设备会随着方向的改变而改变设备宽度。纵向到横向意味着宽度变为高度，反之亦然。Apple设备将其设备宽度报告为相同的值，而不考虑方向。事实上，安卓手机的分辨率比iPad还高，这使问题更加复杂

---

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

你可以用它来区分横向中的安卓设备和横向中的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>

@媒体和全部（最小设备纵横比：1/1）和（方向：横向）{
/*因为iPad不会改变它的宽度，所以它的设备纵横比不会超过1/1*/
正文{背景色：#00FF00；}
}

您可以用它来区分横向中的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>

@媒体和全部（最小设备纵横比：1/1）和（方向：横向）{
/*因为iPad不会改变它的宽度，所以它的设备纵横比不会超过1/1*/
正文{背景色：#00FF00；}
}

是否有像素比为2的android设备？也许你可以结合sizeThere查询另一个属性，即像素比为2的android设备，这将是这些设备的解决方案。然而，有些安卓手机的分辨率比iPad的分辨率高，像素比为1，而这种解决方案不会考虑这些问题。我现在意识到这对没有视网膜的iPad2都没有帮助。有像素比为2的安卓设备吗？也许你可以结合sizeThere查询另一个属性，即像素比为2的android设备，这将是这些设备的解决方案。然而，有些安卓手机的分辨率比iPad的分辨率高，像素比为1，这种解决方案不适用于这些手机。我现在意识到，这对没有视网膜的iPad2甚至都没有帮助