16
我在一個正在處理的項目中出現了一個奇怪的問題。火狐（22）神奇地吃了我的邊界1像素。所有其他瀏覽器都很好。什麼使得Firefox呈現不正確的邊框寬度？
現在，佈局是非常複雜的，我不能顯示所有的代碼，但我希望這是相關部分：
HTML
<div class="carouselitem unselectable photo selected">
<img alt="" src="https://example.com/something.jpg" class="carouselimg">
<div class="typeicon"></div>
</div>
CSS
.mediacarousel .carouselitem.selected {
border: 5px solid white;
height: 71px;
opacity: 1;
width: 136px;
}
.mediacarousel .carouselitem:hover .carouselimg,
.mediacarousel .carouselitem.selected .carouselimg {
left: -5px;
position: relative;
top: -5px;
}
.mediacarousel .carouselitem,
.mediacarousel .carouselimg {
width: 146px;
}
.mediacarousel .carouselimg {
vertical-align: top;
}
.mediacarousel .carouselarrow, .mediacarousel .carouselscroller,
.mediacarousel .carouselitems, .mediacarousel .carouselitem, .mediacarousel .carouselimg {
height: 81px;
}
img, .unselectable {
-moz-user-select: none;
}
.mediacarousel .carouselitem .typeicon {
display: none;
filter: inherit;
}
Firebug顯示：
嚴，4.8px，認真嗎？ CSS看起來不錯：
但是，1個完整像素被莫名其妙地消失......
我從來沒有見過這樣的事情，我在查找根本沒有成功的邪惡。所以我的問題是：
這究竟是什麼原因？這是一個已知的錯誤嗎？
編輯：
原來這只是發生在font size in Windows 7 is set to 125%時。仍然不是你所期望的。這裏有一個小提琴，你可以嘗試自己：http://jsfiddle.net/mdynm/1
@CanGeliş感謝您的鏈接，但是這是一個不同的問題。在我的情況下，「盒子大小」就好了。 – user123444555621
對不起，我剛剛刪除。 –
是的，我打算建議它可能與默認字體或縮放設置爲100％以外有關。這將會是一個棘手的問題，要比這個縮小得更遠。 – brentonstrine