为什么带有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。

这适用于：

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

BUT

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

由于某些原因，＃inner中的font-size似乎正确地减少到1px 但是容器本身会忽略父字体大小。

这里发生了什么？

Answer 1

发现了这个问题。

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

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