为什么带有Phonegap的Android 4忽略了em中的css大小

Question

我正在使用em而不是px在我的Phonegap应用程序中设置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版本）
• 原生安卓2.x应用程序与Phonegap

但

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

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

这是怎么回事？

Answer 1

发现问题。

Android 4 将小于 8 的字体大小值四舍五入为 8。

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