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

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

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

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