android - 在 Android Webview 中使用元视口(viewport)宽度-6ren

android - 在 Android Webview 中使用元视口(viewport)宽度

转载作者：塔克拉玛干更新时间：2023-11-02 20:25:05

28

4

我想使用 viewport 标签将 html 内容放入 WebView。

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

这似乎在 Chrome 浏览器中运行良好，但无法缩放以适应 WebView。我做了一个简化的测试 Activity :

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);
    }
}

任何人都可以解释原因或提出修复建议吗？

最佳答案

好的，你必须使用:

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

而且，如果您像这样设置 user-scalable=0，它也会中断:

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

关于android - 在 Android Webview 中使用元视口(viewport)宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21460623/

28

4

0

文章推荐： android - 如何动态改变描边颜色？

文章推荐： javascript - 为 backbone.marionette 创建一个全局模型

文章推荐： android - 无法将项目导入android studio

vue.js - 如何改变按钮点击时的颜色？ (视)
我正在尝试获得一个按钮，按下该按钮时会改变颜色。当再次按下时，它应该变回原来的颜色。我究竟做错了什么？我的模板中的按钮: export default { data: {

首页

博学

6Ren·AI

商城

android - 在 Android Webview 中使用元视口(viewport)宽度