媒体查询 - 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" /> 

By default，iPhone报告宽度为980px。