Question

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

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

如果设备高度为1280像素的Android手机和iPad的设备高度为1024像素，我该如何编写影响所有Android手机但不影响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>

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

1 个答案: