css 在Firefox中将边框宽度设置为1px时，边框大小为0.667

polkgigr 于 2023-05-19 发布在其他

关注(0)|答案(2)|浏览(323)

**仅在FireFox浏览器中，**当我将div或input元素或任何HTML元素的边框宽度设置为1 px时，边框大小为0.6667。请查看下面的截图。

我已经给出了css内联风格的边框，也通过单独的类，但我得到了相同的结果。我没有为元素提供任何框模型。
如果我给的边框大小为2 px，那么它的工作正常。我在提供奇数时遇到了问题。
如果我给予1 px => 0.6667如果我给出3 px => 2.6667

由于上述问题，我的计算得到休息的css水平。那么，您能提供解决方案来解决这个问题吗？
是否其浏览器问题？或者提供任何解决方案？
谢了，哥巴拉克里希南

2条答案

直到Mozilla把他们的狗屎放在一起，你可以使用inset box-shadows代替：

box-shadow: inset 0 0 0 1px rgba(#f00, 1);

在这种情况下，请记住添加填充以进行相应的补偿。

我也有同样的问题，甚至在Windows上的最新Chrome上也会发生
我发现这是因为我使用高分辨率显示器，并在“显示设置”中将“比例”设置为150%，如果我将比例设置为100%，1px工作良好。
类似答案https://stackoverflow.com/a/42718300/3983650