Android -图像在 webview 不适合屏幕

发布时间: 2017/2/19 20:35:09
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我想要适合屏幕上的图像,这是来自 web 服务,并从上 webview

我成功的录影和他们可以适合屏幕大小。

这是 css 代码;

<style type="text/css">

    iframe {
        display: block;
        max-width:100%;
        margin-top:10px;
        margin-bottom:10px;
    }

    img {
        display: block;
        margin-top:10px;
        margin-bottom:10px;
        max-width:100%;
        height:100%;
        background-size: cover;
        width: auto !important;
        resize:both;
        background:no-repeat fixed;
    }

</style>

我试过很多关于 css 代码基于谷歌搜索的东西但我不能使它适合屏幕。

然后我将添加到此 css webview 内容。

    String str = "<style type=\"text/css\">\n" +
            "    iframe {\n" +
            "        display: block;\n" +
            "        max-width:100%;\n" +
            "        margin-top:10px;\n" +
            "        margin-bottom:10px;\n" +
            "    }\n" +
            "\n" +
            "    img {\n" +
            "            display: block;\n" +
            "            margin-top:10px;\n" +
            "            margin-bottom:10px;\n" +
            "            max-width:100%;\n" +
            "            height:100%;\n" +
            "            background-size: cover;\n" +
            "            width: auto !important;\n" +
            "            resize:both;\n" +
            "            background:no-repeat fixed;\n" +
            "        }\n" +
            "\n" +
            "</style>"+currentNews.getContent();

然后我加载 view ;

content.loadDataWithBaseURL("file:///android_asset/", str, "text/html", "utf-8", null);

我只取得非缩放窗体或裁剪版本。在此先感谢。

this is non-scaled version

解决方法 1:

好吧我发现是什么问题。张曼玉我 html 数据在服务器端获取另一个 css 样式。

所以要能够迫使它使用我的风格我用 !important 我的 css 属性。它是很好的感觉,当它完美。

<style type="text/css">
iframe {
    display: block;
    max-width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

img {
    height: auto !important;
    max-width: 100% !important;
    }

</style>

然后我将该样式粘贴到一个字符串变量的 str 和我也加入其他的 html 数据到 str 的字符串变量。然后我加载 html 喜欢下面。

content.loadDataWithBaseURL("file:///android_asset/", str, "text/html", "utf-8", null);

所以诀窍就仅仅是 !important

官方微信
官方QQ群
31647020