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