Question

我有以下行将webview中的图像调整为屏幕宽度：

 String x= "<html><head><style type='text/css'>
 body{margin:auto auto;text-align:center;} 
 img{width:100%25;} 
 </style></head><body><img src=\"" + url + "\" /></body></html>";

 web_view.loadData(x, "text/html", "UTF-8");

如何修改代码以使图像适合屏幕高度而不是宽度！？我希望图像的效果垂直地填充整个空间而不一定是水平的（用户可以水平滚动，或者如果图像的宽度较低，则右边可以有一个空白区域）。有可能这样做吗？

Answer 1

你可以试试这个：

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

OR

<body >
<img id="resizeImage" src="picture.png" height="100%" alt="" />
</body>

Answer 2

检查我的回答here，您不需要使用CSS来更改外观，只需更改img标记中的标记。

使图像适合屏幕高度 - Android中的WebView

2 个答案: