在狭窄的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);
    }
}