android - 为什么带有 Phonegap 的 Android 4 会忽略 em 中的 css 大小？

Question

我在 Phonegap 应用程序中使用 em 而不是 px 来设置 HTML 容器和图像的大小。

例子：

<div id="outer">
 <div id="inner">
  Hello
 </div>
</div>

<style>
#outer{font-size:0.5px}
#inner{font-size:2em;width:2em}
</style>

使用上面的样式，#inner 的宽度应该是 1px，字体也应该有 1px 的大小。

这适用于：

• 所有安卓浏览器
• iPhone（浏览器和原生 Phonegap 构建）
• 带有 Phonegap 的原生 Android 2.x 应用程序

但

它不适用于带有 Phonegap 的原生 Android 4.x 应用程序（在模拟器和真实设备上测试）。

由于某些原因，#inner 中的字体大小似乎正确减小到 1px，但容器本身忽略了父字体大小。

这里发生了什么？

Answer 1

发现问题。

Android 4 将小于 8 的字体大小值向上舍入为 8。

因此，如果您使用font-size:0.5px它将字体大小更改为 8px。