0

我想把文本完全放在一个特定宽度的盒子里。因此，我想准确计算字体大小。我发现浏览器对字体大小粒度的支持不一致。

下面的代码演示：

  <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>

在许多浏览器中，字体大小并没有逐渐增加，而是从一个大小跳到另一个大小。有人对这个有了解吗？

谢谢！

4

0 回答 0