Android之解决用webView控件展示快递100查询物流出现错误的问题

在商城项目中用到了快递查询的需求，于是选择了第三方快递100来快速实现，快递100实际是一个网站，那么我需要通过webView控件来展示，但是我出现以下错误：

可以看到了，出现了显示错乱的情况，通过不断的查阅资料和试错，最终成功运行起来了，解决办法的主要代码是：

public void loadWeb() {
    initDialog(getString(R.string.loding));
    String url = "http://m.kuaidi100.com/index_all.html?type=yundakuaidi&postid=3906530152697#result";
    Log.i("物流详情", url);
    //此方法可以在webview中打开链接而不会跳转到外部浏览器
    webView.setWebViewClient(new MyWebViewClientListener());
    initWebControl(url);
}

private void initWebControl(String contCon) {
    WebSettings webSettings = webView.getSettings();
    webSettings.setBuiltInZoomControls(true);
    webSettings.setDefaultFontSize(16);
    webSettings.setJavaScriptEnabled(true);
    webSettings.setDisplayZoomControls(false);
    webSettings.setSupportZoom(true);
    //自适应屏幕
    webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
    webSettings.setLoadWithOverviewMode(true);
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    webView.getSettings().setDefaultTextEncodingName("UTF -8");
    webView.loadUrl(contCon);
}

解决后查询成功的效果：