僅在FireFox瀏覽器中，當(dāng)我將div或input元素或任何HTML元素的邊框?qū)挾仍O(shè)置為1px時(shí)，我得到的邊框大小為0.6667。請(qǐng)找到下面的截圖。

我已經(jīng)用css內(nèi)聯(lián)樣式和單獨(dú)的類給出了邊界，但是我得到了相同的結(jié)果。我沒有向元素提供任何盒子模型。

如果我給邊框尺寸2px，那么它工作正常。我在提供奇數(shù)時(shí)遇到問題。

如果我給1px =>0.6667 如果我給3px =>2.6667

由于上述問題，我的計(jì)算在css級(jí)別得到突破。所以你能提供解決這個(gè)問題的方法嗎？

是否是其瀏覽器問題？或者提供任何解決方案？

謝謝， 戈巴拉克里希南

在Mozilla整理好他們的東西之前，你可以使用嵌入框陰影來代替:

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

在這種情況下，記得添加填充以進(jìn)行相應(yīng)的補(bǔ)償。

我也有同樣的問題，甚至在最新的Windows Chrome上也會(huì)發(fā)生

我發(fā)現(xiàn)這是因?yàn)槲沂褂昧烁叻直媛曙@示器，并設(shè)置了& quotscale & quot 到150%在& quot顯示設(shè)置& quot，如果我將比例設(shè)置為100%，1px工作正常。

類似的答案在這里https://stackoverflow.com/a/42718300/3983650