Css 在firefox上获取错误的边框宽度

当我将边框宽度设置为1px时，我得到了0.8，当我设置为5px时，我得到了4.8，但这只是在firefox中

在谷歌Chrome上，一切都很好

编辑：我的firefox版本是55.0.3

你知道发生了什么事吗？ 多谢各位

带有h1的橙色框：

计算值：

css规则：

---

在检查了JSFIDLE之后，我想您很可能已经缩小了浏览器

尝试Ctrl+0或从菜单转到查看->缩放->重置

---

计算选项卡屏幕截图
（为了解决讨论中的一些不确定性，发布半成品答案。）

显示器的DPI系数为125%

“CSS像素”表示虚拟度量，并相应地映射到物理像素。浏览器尽其所能呈现您所期望的内容，在边框的情况下，您最可能期望的是锐利的边缘和不模糊的抗锯齿，但例如，对于相对大小为100×1%的子块，您希望它们填充100%宽的父块，而不管这些分数有多笨重。为了满足这些期望，浏览器会在“幕后”进行大量舍入和调整，因此在某些情况下，值可能会变得有点不可预测也就不足为奇了

你在截图中测量过边界的尺寸吗？它不是

5

物理像素，也不是

4.8

（应该是模糊的），而是实际上是

6

物理像素宽

老实说，我猜开发者工具中的

computedStyle

和值应该真的告诉CSS像素的“善意谎言”，而产生的值对我来说也没有多大意义；我希望有人能权威地告诉我这是否是一个bug

一些测试：

[].forEach.call（document.queryselectoral（'p'），e=>{
e、 innerHTML='，计算：'
+getComputedStyle（e）['border-top-width']
+“，rect.height:”
+e.getBoundingClientRect（）高度
})

p{
边框颜色：红色；
边框顶部样式：实心；
线高：20px；
利润率：10px；
填充：0；
}
p：：以前{
内容：属性（样式）
}

你能发布一个实例吗？它在我的firefox上显示5px你可以在这里得到最简单的例子Hugo你的firefox版本是什么？我的firefox版本是55.0.3，你的版本是一样的吗？@jairhumberto是的。55.0.3这里也是。@jairhumber确保ctrl+0在FF窗口中完成，而不是在控制台窗口中完成。是的，它在FF窗口中。我甚至关上了控制台来确认一下。这很奇怪。在Win 10中，操作系统级别也有变焦功能，在全高清屏幕（1920像素宽）的上网本上尤其有用。FX将考虑视口为1280px，并应用相关的MQ（如果它在150%）（例如，1920 / 1.5＝1280）。但我认为这与这个问题无关：Fx DevTools只显示计算结果，不进行舍入。谢谢。我的win10就是这么做的。它被设置为原始分辨率的125%，我发现这是因为，在高密度屏幕中，窗口这样做是为了提高可读性，因为在这种分辨率下文本变得太小。