之前在做项目时,我们经常在详情页使用webview,但是当我们加载一个html后,会出现详情内容中的图片或者视频尺寸超出屏幕宽度,所以就得做适配。我不是直接使用loadUrl(),而是先将html内容组合然后再使用loadDataWithBaseUrl();步骤如下:
1.先使用css定义一个style
//webView 里内容自适应屏幕
private String style = "<style>\n" +
"img{max-width:100%; height:auto}\n" +
"video{max-width:100%;height:auto}\n" +
"</style>";
2.使用下面方法即可:mWebView.loadDataWithBaseURL(null,data+style,"text/html","utf-8", null);其中data为通过网络请求获取的html字符串。