边框小于1像素，这是怎么回事？

Question

我的页面<a id="click">Click here</a> 上有一个输入框，其中定义了以下规则：

<input class='cv-input cv-dashboard-input'>

当我在Firefox中检查这个元素，并检查它的计算大小时，它指出我的边框宽度是0.583333像素。我认为最小渲染大小是1像素，所以这是怎么回事？

我正在使用Firefox 54.0.1（32位）

Answer 1

使用CSS时确实可以渲染0.5px。这个问题的答案很简单，CSS中的px并不总是转换为计算属性上的一个像素，因为它可能会受到屏幕密度的影响。您可以在此处详细了解：https://www.w3.org/TR/CSS21/syndata.html#length-units

我想提一下，我正在使用hi-dpi屏幕，这可以解释为什么我的计算属性非常准确。

顶部的边框宽度为0.5像素。