css - 媒体查询 - iPhone 上的横向模式太大了

Question

我在我的 CSS 中使用以下媒体查询：

@media screen and (max-device-width: 480px) {}

这在我的旧 iphone 3g 上看起来不错……但是当我将方向从纵向更改为横向时……它爆炸了……太大了，太宽了。

我试过这个：

@media only screen and (min-device-width : 320px) and (max-device-width : 480px {}

没有帮助。

有什么建议么？

我宁愿不输入特定于景观的查询——如果可能的话，我想要一个通用的查询。

（是的，向下捏屏幕有点工作..但不是我正在寻找的用户体验。）

谢谢京东

Answer 1

你有元视口标签吗？如果没有，您可以使用以下命令告诉 iPhone 将其视口宽度报告为屏幕宽度（以 px 为单位）：

<meta name="viewport" content="width=device-width" /> 

默认情况下，iPhone 报告的宽度为 980px。