Question

每个人，

我正在研究读者，我对最新一代具有高分辨率的Android设备存在疑问。 webViews上的图片显示非常小，而在较旧的设备上，它们的大小似乎可以接受。我无法操纵HTML文件的内容，我只能操纵webView的设置和链接到webView的.css文件。

最初，当我打开书本时，图像显示非常小，但是当我操作图像时，它会被放大并在两侧都被修剪。

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

我也尝试过：

 img
 {
     min-width: 100%;
     height: auto;
 }

这是webView设置：

testWV = (WebView) findViewById(R.id.mywebview1);
testWV.setDelegate(this);

testWV.setVerticalScrollBarEnabled(false);
testWV.setHorizontalScrollBarEnabled(false);
testWV.getSettings().setDefaultZoom(ZoomDensity.FAR);

任何建议都将不胜感激。

Answer 1

好的，试试这个，你可以删除头标，如果你愿意，风格是重要的部分

String content = "Your Content"; // I assume your content is a string

testWV = (WebView) findViewById(R.id.mywebview1);
testWV.setDelegate(this);

testWV.setVerticalScrollBarEnabled(false);
testWV.setHorizontalScrollBarEnabled(false);
testWV.getSettings().setDefaultZoom(ZoomDensity.FAR);

String head = "<head><meta name='viewport' content='target-densityDpi=device-dpi'/></head>";

String style =  "<style> " +
                "img { height:auto !important; width:100% !important; } " +
                "</style>";

testWV.loadDataWithBaseURL("", head + style + content, "text/html", "UTF-8", "");

在网络视图中通过css调整封面图片

1 个答案: