css - 为什么 chrome 会从边框的宽度中减去小于 0.1px 的值？

Question

在 chrome 开发工具中，我看到（在计算样式中）：

border-bottom-width: 0.9090908765792847px;
  element.style - 1px
  .x-fieldset - 1px
  fieldset, img - 0px
  fieldset - 2px user agent stylesheet

这是在未显示底部边框的 fieldset 元素上。非常轻微的扰动会导致这个“0.9”变为 1，并出现边框。

'element.style' 之后的所有行都被删除。所有这一切都来自 ExtJS，但到目前为止我还没有看到任何归咎于他们的方法。

Answer 1

这是使用 chrome 缩放功能的结果。如果你放大 chrome，它是通过在 css 中乘以一个因子来实现的。而且，在某些情况下，它会消除边界。