使用font-size指定小的十进制更改

Question

我想将文本完全放在特定宽度的框内。因此，我想准确计算字体大小。我发现浏览器在支持字体大小的粒度方面不一致。

以下代码演示：

  <div style="font-size: 100%;">hello</div>
  <div style="font-size: 101%;">hello</div>
  <div style="font-size: 102%;">hello</div>
  <div style="font-size: 103%;">hello</div>
  <div style="font-size: 104%;">hello</div>
  <div style="font-size: 105%;">hello</div>
  <div style="font-size: 106%;">hello</div>
  <div style="font-size: 1em;">hello</div>
  <div style="font-size: 1.01em;">hello</div>
  <div style="font-size: 1.02em;">hello</div>
  <div style="font-size: 1.03em;">hello</div>
  <div style="font-size: 1.04em;">hello</div>
  <div style="font-size: 1.05em;">hello</div>
  <div style="font-size: 1.06em;">hello</div>
  <div style="font-size: 16.1px;">hello</div>
  <div style="font-size: 16.2px;">hello</div>
  <div style="font-size: 16.3px;">hello</div>
  <div style="font-size: 16.4px;">hello</div>
  <div style="font-size: 16.5px;">hello</div>
  <div style="font-size: 16.6px;">hello</div>

在很多浏览器中，字体大小没有逐渐增加，而是从一种尺寸跳到另一种尺寸。有谁知道这个？

谢谢！