奇怪的問題在webview中使用html文件的Android佈局

我在Android上移植IOS應用程序，發現當地人html文件存在一個奇怪的問題。我有四個HTML頁面，在IOS上完美工作，顯示了一個簡單的「如何」。我打開這些網頁與網頁流量與此代碼：奇怪的問題在webview中使用html文件的Android佈局

myWebView = (WebView) findViewById(R.id.webview1); 
myWebView.getSettings().setJavaScriptEnabled(true); 
myWebView.getSettings().setLoadWithOverviewMode(true); 
myWebView.getSettings().setUseWideViewPort(true); 
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); 
myWebView.loadUrl("file:///android_asset/www/localizeInfo.html");

主要格顯示正確，但裏面的內容出現板缺彷彿有一個垂直列剪切文本。這裏我的html代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Guida Blocco/Sblocco Avviamento</title> 
    <link rel="stylesheet" href="css/style.css" /> 
</head> 
<body> 
<div id="main"> 
    <p class="title"><img src="img/myhappysat.png" class="icon" />Blocco/Sblocco Avviamento</p> 
    <hr> 
    <p>Per utilizzare la funzione di blocco/sblocco avviamento &egrave; necessario selezionare uno o pi&ugrave; mezzi.</p> 
    <p>Successivamente premere il pulsante relativo alla funzione desiderata ed infine confermare con il pulsante invia in alto a sinistra.</p> 
    <p><b>Legenda</b></p> 
    <p><img src="img/green.png" class="color" />Il blocco avviamento del veicolo risulta Sbloccato</p> 
    <p><img src="img/yellow.png" class="color" />Non ci sono informazioni sullo stato del blocco avviamento del veicolo</p> 
    <p><img src="img/red.png" class="color" />Il blocco avviamento del veicolo risulta Bloccato</p> 
    <p><b>NOTA:</b> Gli stati vengono rilevati direttamente dal server e quindi non sono aggiornati in tempo reale ed &egrave; necessaria una connessione ad Internet attiva. I dispositivi risponderanno solo ai numeri autorizzati e tutte le funzionalit&agrave; sono vincolate dalla copertura della rete GSM.</p> 
</div> 
</body>

這裏CSS：

body { 
    background-color:gray; 
} 

div#main{ 
top:2px; 
bottom:10px; 
right:10px; 
left:10px; 
position:absolute; 
background:#e7e2e2; 
display:block; 
border-radius:10px 10px 10px 10px; 
-moz-border-radius:10px 10px 10px 10px; 
-webkit-border-radius:10px 10px 10px 10px; 
-khtml-border-radius: 10px 10px 10px 10px; 
box-shadow: 1px 1px 2px 2px #666 inset; 
-moz-box-shadow: 1px 1px 2px 2px #666 inset; 
-webkit-box-shadow: 1px 1px 2px 2px #666 inset; 
-khtml-box-shadow: 1px 1px 2px 2px #666 inset; 
} 

img.color { 
margin-right:15px; 
vertical-align:middle; 
} 

img.icon { 
margin-top:5px; 
margin-right:15px; 
margin-leftt:5px; 
vertical-align:middle; 
} 

p { 
text-align: justify; 
font: 30px/1.5 Arial, "Arial", sans-serif; 
margin-right:10px; 
margin-left:10px;  
} 

p.title { 
font-weight: bold; 
margin-left:10px; 
display: inline; 
}

這裏佈局問題的截圖： https://www.dropbox.com/sh/gbdjm45vj4mw92x/1IF5LOo_fJ/ScreenShotHTMLIssue.png

來源

2014-02-21 Luca Panteghini

這可能是因爲NARROW_COLUMNS佈局算法被踢在？嘗試將setting it設置爲NORMAL。

來源

2014-02-21 11:57:15

您的提示保存了我;-)我只是添加myWebView.getSettings（）。setLayoutAlgorithm（WebSettings.LayoutAlgorithm.NORMAL）;並導入android.webkit.WebSettings;現在全部都出現在IOS上。謝謝！！！ –

奇怪的問題在webview中使用html文件的Android佈局

回答

相關問題