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

这适用于:

但

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

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

这里发生了什么？

Answer 1

发现了这个问题.

Android 4将字体大小值小于8到8.

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