Google chrome Android 4.4 WebView和Android Chrome浏览器上的CSS差异

正在尝试实现Web应用程序的样式。 在WebView中，CSS属性“线条高度”似乎有所不同

我以这支钢笔为例：

代码没有什么特别之处：

.flip {
  position: relative;
  width: 100px;
  height: 100px;
}

.front {
  width: 100%;
  height: 100%;
  font: 6em arial;
  line-height: 100px;
  text-align: center;
  border: 2px solid #b4b4b4;
}

<div class="flip">
  <div class="front">A</div>
</div>

.flip{
位置：相对位置；
宽度：100px；
高度：100px；
}
.前线{
宽度：100%；
身高：100%；
字体：6em arial；
线高：100px；
文本对齐：居中；
边框：2px实心#b4；
}
A.

这是虫子吗？还是我错过了什么？ 有没有办法解决这个问题？这是一个头破血流。。。 这些是有区别的图片。图1有问题，图2很好地居中

（我不能评论原来的问题，因为我的分数目前太低了）

我意识到这是一个有点老的问题，但这里有：

我最近遇到了类似的情况（Android 6、Chrome 55等），我发现WebView的一些Web设置可以让它像使用viewport元标记一样解释页面

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

---

为了在Chrome中获得相同的结果，我必须插入视口元标记。

这是哪个版本的Android？从Android 4.4开始，网络视图由Chrome引擎驱动。是的，它是4.4。这就是为什么我希望它应该是一样的！