Android横向/纵向视口不同

【问题标题】：Viewport different on Android landscape/portraitAndroid横向/纵向视口不同
【发布时间】：2012-09-28 13:09:20
【问题描述】：

我正在开发一个移动网站...为了测试这一点，我为 android 创建了不同的模拟器并使用 iphone 模拟器。问题是在iPhone上的方向更改上调用window.innerWidth，如果纵向320和横向480，视口会发生变化，但在android上，横向和纵向的视口是相同的（例如，在分辨率480x800中，视口在横向/横向为320/肖像）。我的视口元数据是：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

行为正确吗？

提前谢谢

【问题讨论】：

标签： javascript android iphone html css

【解决方案1】：

您的视口元标记的发布丢失。但无论如何，你是对的： innerWidth/Height 不适应方向。如果您想根据方向处理布局，我建议使用 CSS3 媒体查询。文档可以在这里找到：CLICK

【讨论】：

好的，这仅适用于安卓系统？因为 iPhone 会以不同的方向改变视口大小，我的问题是我是否可以对 android 模拟器的行为充满信心。（我在之前的帖子中添加了元标记 thx :)）
我不太确定，但我知道制造商之间的这些差异占用了我很多时间。不要试图自己确定方向，这将是一团糟。借助媒体查询中的方向条件使用响应式设计。 edit 我在 SGS1、Nexus、IPhone 3 和 4 等几部不同的手机上对此进行了测试，所以我对模拟器一无所知。