Question

我有一个简单的html文件，里面包含一个表和一个相关的css部分。我试图通过宽度我的本地html文件适合4.5英寸的真实设备，但无论我尝试什么都没有结果。对于屏幕外的一些像素。

为了显示我的本地html文件，我使用以下内容：

public void ShowHtml(){

    WebSettings webSettings = statshtml.getSettings();
    webSettings.setJavaScriptEnabled(true);
    statshtml.loadUrl("about:blank");
    statshtml.getSettings().setLoadWithOverviewMode(true);
    statshtml.loadData(str, "text/html; charset=utf-8", "UTF-8");
}

我试过了

  x.getSettings().setLoadWithOverviewMode(true);
  x.getSettings().setUseWideViewPort(true);

  x.setInitialScale(1);

<meta name="viewport" content="user-scalable=no"/>

但没有任何反应，我的问题是我应该改变以下css部分的内容吗？

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-b3ft{font-weight:bold;font-family:Tahoma, Geneva, sans-serif !important;;background-color:#f56b00;vertical-align:top}
.tg .tg-eli4{font-weight:bold;background-color:#f56b00;vertical-align:top}
.tg .tg-m7of{font-weight:bold;font-size:20px;background-color:#bbdaff;text-align:center;vertical-align:top}
.tg .tg-9hbo{font-weight:bold;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}</style>

谢谢

无法将带有CSS文件的本地HTML文件最适合Android中的WebView

0 个答案: