视口在Android横向/纵向上有所不同

Question

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

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

这是正确的行为吗？

提前

Answer 1

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