媒体查询 - 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 {}

没有帮助。

有什么建议吗？

我宁愿不插入特定于横向的查询 - 如果可能的话，我想要一个通用的查询。

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

由于 JD

Answer 1

你有一个meta视口标签吗？如果没有，您可以使用以下内容告诉iPhone将其视口宽度报告为px中屏幕的宽度：

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

By default，iPhone报告的宽度为980像素。