Question

如何将具有固定高度和宽度的html内容加载到高度和宽度设置为wrap_content的android webview中？这是我的HTML页面，即label.html从资产加载。

 <!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Untitled Document</title>
 <style>
 @charset "utf-8";
 /* CSS Document */
  .Main{
  width:50%;
  height:200px;
  border: 1px solid #09ED1C;
  float:left;
  background-color:#00F3FF;
  }
 H1{
 color:#FC1D21;
 }
</style>
</head>
<body>
<div class="Main" align="center">
<h1>This page is created using internal CSS</h1>
</div>
</body>
</html>



<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/blue">

<WebView 
android:id="@+id/wv_help"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

</RelativeLayout>

WebSettings webSettings = mWebViewHelp.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebViewHelp.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);
mWebViewHelp.loadUrl("file:///android_asset/label.html");

这是在webview右侧添加空白区域，即使它的wrap_content，WebView.SCROLLBARS_INSIDE_OVERLAY也没有解决我的问题，任何帮助都会非常感激。

Answer 1

您需要在HTML标题中添加：

    <meta name="viewport" content="width=device-width, initial-scale=1">

所以它看起来像这样：

 <!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>[YOUR_DOCUMENT_NAME]</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

我希望它有效，所以请不要回复

Webview在右侧添加空白区域

1 个答案: