CSS Media Query max-width和ipad

问题描述 投票:1回答:1

我有一套规则我想应用于小于960px宽的所有屏幕。

显而易见的是:

@media only screen and (max-width : 959px)

然而,这在iPad处于纵向模式时失败。我已经读过,无论方向如何,iPad都会报告其宽度和高度相同。

有没有一种标准方法可以确保iPad(或使用与iPad相同逻辑的其他设备)是否尊重正在查看的实际宽度?

显然,我宁愿避免“特定于iPad”的规则或方向查询 - 查询应该适用于宽度小于960像素的任何屏幕。

谢谢。

css media-queries
1个回答
0
投票

尝试使用@media only screen and (max-device-width : 1024px)代替。这应该涵盖横向或纵向的iPad。

我已经读过,无论方向如何,iPad都会报告其宽度和高度相同。

这很棘手。无论方向如何,iPad都会报告相同的max-device-width。然而,它正确地尊重不同方向/宽度的不同max-width。设备是不会改变的部分。

希望这可以帮助。

© www.soinside.com 2019 - 2024. All rights reserved.