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

Question

我在布局中使用em值以方便缩放。
如果字体大小小于16像素，则webkit（在1.0浏览器比例下）会将我的0.0625em值四舍五入为零。我无法使用px值，因为在这种情况下无法放大。如何强制Webkit将em值舍入到最接近的整数？例如。 0.9像素到1像素，不为零。

示例-上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。
可以做您想做的事，但是任何浏览器都不支持（不幸的是！）