android - 如何使用 KitKat 在 WebView 中使文本适合屏幕(文本换行)

Question

我在使用 Android 4.4 的 WebView 中遇到问题。在 KitKat 之前，文本会自动适应 web View 中的所有设备分辨率。但今天它不再自动适应 4.4。我认为这是因为 WebView 基于 Chromium 和 KitKat 的更新。

这是同一页面的 2 个屏幕截图:

One from Galaxy Nexus (Android 4.3)

One from Nexus 5 (Android 4.4 and WebView based on Chromium)

你知道在 webview 中是否有一个新的选项可以让文本适应屏幕吗？

注意:我认为我的布局与我的问题无关，但无论如何:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</RelativeLayout>

Answer 1

看起来这是在使用 NARROW_COLUMNS。这是 deprecated在 KitKat 中。

但是，添加了一个新的布局算法可能可以解决这个问题，这里有一个例子:<强> https://github.com/GoogleChrome/chromium-webview-samples

主要代码为:

// Use WideViewport and Zoom out if there is no viewport defined
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);

settings.setLayoutAlgorithm(LayoutAlgorithm.TEXT_AUTOSIZING);

另一个选项是启用双指缩放:

// Enable pinch to zoom without the zoom buttons
settings.setBuiltInZoomControls(true);

if(Build.VERSION.SDK_INT > Build.VERSION_CODES.HONEYCOMB) {
    // Hide the zoom controls for HONEYCOMB+
    settings.setDisplayZoomControls(false);
}

新的布局算法可能无法解决所有问题，并且不清楚如何可靠地模仿旧的环绕行为。

大多数反对意见似乎是在移动设备上显示桌面网站的一般浏览器问题。他们喜欢旧方法，但我还没有看到其他浏览器执行文本环绕算法所做的事情。