webview中的JQuery移动UI缩放

Question

目前我正在使用Android app中的基于Web的模块。我使用Jquery移动设计并使用webview将其导入到android活动中。当我运行活动时，设计显示但未缩放到webview，它包含水平和垂直滚动。我已经附上了这篇文章的代码。我需要帮助来扩展jquery移动设计的活动。提前谢谢！

package com.example.updatesuite;

import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.view.Menu;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

@SuppressLint("SetJavaScriptEnabled")
public class Gateway extends Activity {
    WebView wv1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gateway);
        wv1=(WebView)findViewById(R.id.webView1);
        WebSettings webSettings = wv1.getSettings();
        webSettings.setDefaultFontSize(14);
        wv1.getSettings().setLoadWithOverviewMode(true);
        wv1.getSettings().setUseWideViewPort(true);
        wv1.getSettings().setJavaScriptEnabled(true);
        wv1.getSettings().setSupportZoom(false);
        wv1.getSettings().setBuiltInZoomControls(false);
        wv1.setWebChromeClient(new WebChromeClient());
        wv1.setWebViewClient(new WebViewClient());
        wv1.loadUrl("http://applicationdownloader.pixub.com/walcliff/index.php");

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.gateway, menu);
        return true;
    }

}

Answer 1

如果我没记错，则以下其中一项或两者的组合会导致Android出现问题

wv1.getSettings().setLoadWithOverviewMode(true);
wv1.getSettings().setUseWideViewPort(true);

我相信UseWideViewPort告诉WebView以桌面模式加载。

另外，你的html页面应该有

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

<{1>}代码之间的

。 （使用此标记，您可能不需要修改WebViewSettings）