html - 窄 WebView 中的视口宽度自适应

Question

目前我有一个视口宽度设置为设备宽度的 HTML 文档。我的问题是使视口宽度适应比整个设备宽度窄的 WebView。在这种情况下使用设备宽度将使文档比 WebView 更宽，这是我试图避免的。

该文档将在 Android 和 iOS 应用程序中显示，并且仅使用所有元素的文档相对大小来构建。因此，它取决于正确适应视图宽度的文档宽度。

如何使视口宽度适合 WebView 的实际宽度而不是设备宽度？

Answer 1

我正在处理Android中类似的东西。以便您了解我的情况：我的测试设备宽度实际分辨率为 540，设计的固定宽度为 640。我的目标是将 cordova 中使用的 webview 设置为缩小以显示完整的设计宽度。

此代码是否可以帮助您解决 Android 上的问题？

public class MainActivity extends DroidGap {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/index.html");

    super.appView.getSettings().setSupportZoom(true);
    //super.appView.getSettings().setBuiltInZoomControls(true);

    super.appView.getSettings().setLoadWithOverviewMode(true);
    super.appView.getSettings().setUseWideViewPort(true);
    }
}