webview中内容自适应屏幕

        之前在做项目时，我们经常在详情页使用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字符串。