媒体查询定位变化在Android

Question

我有一个网站，这是创建的Android设备上的webview加载 所以基本上我所期待的是，我要加载的网站将适合在屏幕上，即不应该有任何东西溢出页面，并介绍滚动

当你在纵向模式下在webview中加载网站，它加载好，我的意思是一切就位，没有溢出什么，图像是在其正确的大小，如果我在浏览webview时将其改为风景，一切仍然很酷，它仍然会缩放并显示与纵向模式相同的视图，您只需在它周围获得额外的空间即可。但是，如果我首先在横向模式下加载webview，似乎我的网站的内容被放大了一种方式，因为在景观中，你有这个额外的宽度，现在如果我把我的手机，使它的肖像，它不会重新缩放我的网站内容，所以图片太大而不适合纵向显示，并且会迫使您向右滚动以查看整个图片。

我试图避免在您需要滚动才能看到的内容

是不是因为旋转的WebView时，从横向到纵向说，机器人只取无论是在横向模式，并把它在肖像，不试图调整它？

Answer 1

iOS上存在类似的错误，其中旋转设备导致奇怪的页面缩放问题（详情请参阅https://github.com/scottjehl/Device-Bugs/issues/2）。我发现iOS上的一个很好的解决方法是更改​​元视口标记。这似乎是最常见的（并用于配备了HTML5样板）元视口代码是这样的：

<meta name="viewport" content="width=device-width,initial-scale=1.0"> 

然而，通过移除initial-scale=1.0，这个bug可以回避（在iOS上）：

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

虽然，不知道此修补程序是否适用于Android。