我有一个网站,创建由Android设备上的webview加载 基本上我所期待的是我要加载的网站将适合屏幕,即不应该有任何溢出页面并引入滚动
当您在纵向模式下加载网站时,它加载正常,我的意思是一切都到位,没有任何溢出,图像的大小正确,如果我在查看webview时将其更改为横向,一切仍然是酷,它仍然可以缩放并显示与纵向模式相同的视图,你只需要在它周围获得额外的空间。
然而,如果我首先在横向模式下加载webview,似乎我的网站内容在某种程度上被放大,因为在横向上,你有额外的宽度,现在如果我把我的手机变为肖像,它是不重新缩放我的网站内容,因此图片中的图片太大,它会强制您向右滚动以查看整个图片。
我正在努力避免您需要滚动才能看到内容
是不是因为在旋转webview时,从横向到肖像,Android只需采用横向模式中的任何内容并将其放入纵向,而不尝试调整大小?
答案 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。