在Android Webview中使用元視口寬度

Question

我想使用viewport標簽將html內容放入WebView中。

<meta name='viewport' content='width=640'/>

這似乎在Chrome瀏覽器中運行良好，但無法擴展以適應WebView。 我做了一個簡化的測試活動：

public class MyActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //--------------------------------------------------
        // Create a simple html page including viewport tag.
        //--------------------------------------------------

        String html = "<!DOCTYPE html>" +
                "<html>" +
                "<head>" +
                "<meta name='viewport' content='width=640'/>" +
                "<title>Viewport Test</title>" +
                "</head>" +
                "<body style=\"margin: 0px;\">" +
                "<div style=\"width: 600px; height: 600px; border: 20px solid green; background-color: red;\"></div>" +
                "</body>" +
                "</html>";

        //-----------------------------------
        // Place html in WebView.
        //-----------------------------------

        WebView webView = new WebView(this);

        webView.loadData(html, "text/html", "utf-8");

        setContentView(webView);

        //-----------------------------------
        // Launch Chrome with the same html.
        //-----------------------------------

        Intent intent = new Intent(Intent.ACTION_VIEW);

        intent.setComponent(ComponentName.unflattenFromString("com.android.chrome/com.android.chrome.Main"));

        intent.setData(Uri.parse("data:text/html;charset=utf-8;base64," + Base64.encodeToString(html.getBytes(), Base64.NO_WRAP)));

        startActivity(intent);
    }
}

任何人都可以解釋原因，或建議修復？

Answer 1

好的，你必須使用：

    WebSettings settings = webView.getSettings();
    settings.setLoadWithOverviewMode(true);
    settings.setUseWideViewPort(true);

但是，如果你像這樣設置user-scalable = 0，它就會中斷：

    <meta name='viewport' content='width=640, user-scalable=0'/>

在Android Webview中使用元視口寬度

問題描述

1 個解決方案

解決方案1
18 已采納 2014-01-30 15:45:50

在Android Webview中使用元視口寬度

問題描述

1 個解決方案

解決方案1 18 已采納 2014-01-30 15:45:50

解決方案1
18 已采納 2014-01-30 15:45:50