限制缩放webview应用程序

Question

我有一个简单的Android WebView应用程序，除了加载URL并在应用程序中显示它及其链接外，它做的很少。

通过CSS，我将网页设置为720px x 1280px（理论上）完全填充Galaxy S3的屏幕。

在WebView的java代码中，我尝试将其放到页面无法放大或缩小的位置，并使用以下代码显示全屏：

requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
mWebView.getSettings().setSupportZoom(false);
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setUseWideViewPort(true);

我已经使用我制作的CSS标尺验证了网页尺寸正确（720 x 1280），但正如您所看到的，webview应用在加载时无法以该比例显示：

我也可以在屏幕上双击并放大，即使我认为我禁用了缩放java代码。即使这样，它也不会缩放到100％...它缩放的次数超过了：

基本上，我如何操纵webview以实际显示所需大小的页面，而不允许用户更改该比例？

Answer 1

您需要在html中使用元视口标记，以便最初将内容缩放到设备大小。您也可以使用此标记禁用缩放。

在html文档的头部添加：

<meta name="viewport" content="width=device-width, user-scalable=no">

进一步阅读：MDN - Viewport meta tag