我正在开发一个移动网站...为了对此进行测试，我已经为 android 创建了不同的模拟器并使用了 iphone 模拟器。问题是在 iPhone 上调用 window.innerWidth 方向变化时，如果纵向 320 和横向 480，则视口(viewport)会发生变化，但在 android 上，横向和纵向视口(viewport)是相同的(例如，在分辨率 480x800 中，横向视口(viewport)为 320/肖像)。 我的视口(viewport)元数据是:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
这是正确的行为吗？
提前谢谢
最佳答案
您的视口(viewport)元标记的发布丢失了。 但无论如何，你是对的: innerWidth/Height 不适应方向。如果你想根据方向处理布局，我建议使用 CSS3 媒体查询。 可在此处找到文档:CLICK
关于javascript - Android 横向/纵向视口(viewport)不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12640673/