Question

在有人认为这是一个简单的问题或可能重复之前，请阅读完整的帖子。

我开发了一个Android应用程序并实现了WebView作为应用程序的一部分。 WebView显示来自网站的内容，该网站由引导程序构成，并且是移动友好的。然而，CSS在这里和那里混乱，因此，整个应用程序看起来很奇怪，而且元素似乎不合适＃。

例如，我在容器中放置一个框和一些文本，并使用CSS边距专门放置它。如下所示：

＆＃13;

.testcontainer {
border: 1px solid red;
height: 50px
width: 100%;
}
.testcontainer .box {
height: 50px;
width: 50px;
background-color: blue;
display: inline-block;
vertical-align: top;
}
.testcontainer .text {
font-size: 16px;
display: inline-block;
vertical-align: top;
border: 1px solid blue;
}

＆＃13;

<div class="testcontainer">
<div class="box"></div>
<div class="text">Testing</div>
</div>

＆＃13;

现在MacBook Safari和Opera浏览器上的一切都很好，文本的边框是像素完美的，并且与蓝框的顶部对齐等等。但是，在应用程序内部的WebView上，文本是2px关闭，在某些情况下，5px等等。为什么？我尝试使用em而不是px来获得font-size，但同样的问题也出现了。我错过了什么？

为什么Android WebView无法准确呈现CSS？

0 个答案: