android - WebView 中的视口元标记无法在 Android 中正确缩放内容

Question

我在 ScrollView 中有一个 WebView。这是我的第一个要求，因为 ScrollView 中还会有其他元素。我希望 WebView 适合可用设备宽度中的内容。为此，我使用如下所示的视口元标记。

<meta name=\"viewport\" content=\"target-densitydpi=device-dpi, initial-scale=1, width=device-width\" />

WebView 的高度设置为 Wrap_Content。我正在使用 loadDataWithBaseURL() 方法在按钮单击时加载 WebView。现在的问题是它导致 WebView 下方的内容闪烁，并且 WebView 内容的大小不正确。它有时会在 WebView 内容下方留下空间。当我删除 metag 标记时，WebView 内容以所需大小加载，但不适合视口。

有什么建议么？

Answer 1

这可能是由于 WebView 异步处理视口元标记造成的。这意味着 WebView 会在短时间内使用默认视口（320 px 宽），如果您的内容足够复杂，则可能会在默认视口仍然有效时发生第一次布局传递。

我从未尝试过，但您可以让页面的内容不显示（类似于 style="display: none"），直到处理完视口标签（window.onload 应该足够了）。