如何防止webkit将em值舍入为零？

Question

我在布局中使用em值以便轻松扩展。 如果字体大小小于16px webkit（1.0浏览器规模）将我的 0.0625em 值四舍五入为零。我不能使用px值，因为在这种情况下，向上扩展不起作用。如何强制webkit将em值舍入到最接近的整数？例如。 0.9px 至 1px ，而不是零。

示例 - 上部div中的边框消失：

div.bigger{font-size: 15px}
div.smaller{font-size: 16px}
div.inner{width: 10em; height: 10em; border: 0.0625em solid blue; background-color: lightgray}

<div class="bigger">
  <div class="inner"></div>
<div>
<div class="smaller">
  <div class="inner"></div>
</div>

Answer 1

您可以找到答案here 可以做你想做的事情，但任何浏览器都不支持它（不幸的是！）