1

我正在开发一个移动网站...为了测试这一点，我为 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">

这是正确的行为吗？

提前谢谢

4

1 回答 1

1

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

于 2012-09-28T13:17:11.167 回答