我有一套规则我想应用于小于960px宽的所有屏幕。
显而易见的是：
@media only screen and (max-width : 959px)
然而，在纵向模式下，iPad失败了。我已经读过，无论方向如何，iPad都会报告其宽度和高度相同。
是否有一种标准方法可以确保iPad（或其他使用与iPad相同逻辑的设备）是否尊重实际宽度？
显然，我更愿意避免使用“特定于iPad”的规则或方向查询 - 查询应该适用于宽度小于960像素的任何屏幕。
感谢。
答案 0 :(得分：0)
请尝试使用@media only screen and (max-device-width : 1024px)。这应该涵盖横向或纵向的iPad。
我已经读过，无论方向如何，iPad都会报告其宽度和高度相同。
这很棘手。无论方向如何，iPad都会报告相同的max-device-width。但是，它在不同的方向/宽度上正确地尊重不同的max-width。设备是不会改变的部分。
希望这有帮助。