3

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

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

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

我试图避免您需要滚动以查看内容的位置

是因为当旋转 webview 时,比如从横向到纵向,android 只是将横向模式下的任何内容放在纵向,而不尝试调整它的大小?

4

1 回答 1

0

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,可以避开此错误(在 iOS 上):

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

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

于 2012-06-06T20:39:36.540 回答