Webview Hinzufügen von Leerraum auf der rechten Seite

Wie Laden eines HTML-Inhalts mit fester Höhe und Breite in eine Android-Webansicht, die Höhe und Breite auf wrap_content gesetzt hat? Dies ist meine HTML-Seite, d. H. Label.html wird von Assets geladen.Webview Hinzufügen von Leerraum auf der rechten Seite

<!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");

weißen Raum auf der rechten Seite der Webansicht, obwohl sein wrap_content Dies ist das Hinzufügen wird WebView.SCROLLBARS_INSIDE_OVERLAY auch mein Problem nicht zu lösen, jede mögliche Hilfe wäre sehr geschätzt.

Quelle

2017-08-22 Abhilash Mb

https reagieren: // stackoverflow.com/questions/1991219/webview-wrap-content –

Warum Sie HTML-Seitenbreite 50% setzen – akhilesh0707

HTML-Seite Höhe und Breite verursacht Problem entfernen Breite: 50%; Höhe: 200px; ' – akhilesh0707

Sie müssen dies in Ihrem HTML-Header hinzuzufügen:

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

So ist es wie folgt aussehen:

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

Ich hoffe, es funktioniert so nicht bitte

Quelle

2017-08-22 08:36:37 Steven

Danke, aber es funktioniert nicht. –

Was siehst du dann? Kannst du mir mehr Infos geben? – Steven

Es sieht so aus [Link] (https://ibb.co/eC55wk) nach dem Hinzufügen von Meta-Tag auch, Wenn Sie den weißen Farbraum auf der rechten Seite sehen können –

Webview Hinzufügen von Leerraum auf der rechten Seite

Antwort

Verwandte Themen