android中的方向更改的媒体查询

时间:2012-05-17 08:08:04

标签: android html webview orientation media-queries

我有一个网站,创建由Android设备上的webview加载 基本上我所期待的是我要加载的网站将适合屏幕,即不应该有任何溢出页面并引入滚动

当您在纵向模式下加载网站时,它加载正常,我的意思是一切都到位,没有任何溢出,图像的大小正确,如果我在查看webview时将其更改为横向,一切仍然是酷,它仍然可以缩放并显示与纵向模式相同的视图,你只需要在它周围获得额外的空间。

然而,如果我首先在横向模式下加载webview,似乎我的网站内容在某种程度上被放大,因为在横向上,你有额外的宽度,现在如果我把我的手机变为肖像,它是不重新缩放我的网站内容,因此图片中的图片太大,它会强制您向右滚动以查看整个图片。

我正在努力避免您需要滚动才能看到内容

是不是因为在旋转webview时,从横向到肖像,Android只需采用横向模式中的任何内容并将其放入纵向,而不尝试调整大小?

1 个答案:

答案 0 :(得分:0)

在iOS上存在类似的错误,其中旋转设备会导致奇怪的页面缩放问题(有关详细信息,请参阅https://github.com/scottjehl/Device-Bugs/issues/2)。我发现iOS上的一个很好的解决方法是更改​​元视口标记。最常见的(通常用于HTML5 Boilerplate)的元视口标记是这样的:

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

然而,通过删除initial-scale=1.0,可以回避这个错误(在iOS上):

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

不确定此修复程序是否适用于Android。