问在webview中使用html文件奇怪地发布Android布局
EN

Stack Overflow用户

提问于 2014-02-21 11:20:30

回答 1查看 182关注 0票数 0

我正在Android上移植一个IOS应用程序，在本地html文件中发现了一个奇怪的问题。我有四个html页面，这些页面在IOS上非常有效，显示了一个简单的“如何实现”。我使用以下代码加载这些页面的webview：

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

主div显示正确，但内部内容似乎被裁剪，就好像有一个垂直列可以剪切文本一样。这里是我的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;
}

这里是布局问题的截图：fJ/ScreenShotHTMLIssue.png

android-webview

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-21 11:57:15

这可能是因为NARROW_COLUMNS布局算法起作用了吗？试着让设置它恢复正常。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21932997

复制

相似问题

问在webview中使用html文件奇怪地发布Android布局
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在webview中使用html文件奇怪地发布Android布局EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在webview中使用html文件奇怪地发布Android布局
EN