如何在放大時強制CSS背景圖像適合其包含的元素？

我有一個無序列表（垂直顯示），它使用背景圖像在每個列表項中顯示圖形。如何在放大時強制CSS背景圖像適合其包含的元素？

看起來很好，直到用戶放大。一旦用戶放大，一些列表項目的底部（內部）會出現一個微小的間隙。出現間隙是因爲背景圖像比列表項短，但都設置爲相同的高度（44px）。

看到這個例子。我爲每個列表項添加了一個紅色背景，以便更容易識別這些空白。嘗試使用Google Chrome縮放一次。

有沒有辦法消除的差距？

我不能使用background-size：cover，因爲background-image是精靈的一部分。

2012-10-04 edt

縮放實現不同，從瀏覽器到瀏覽器。價值四捨五入使某些假設有時無法奏效。 –

可能由於某些值舍入錯誤，Chrome會在放大時呈現<li>的不同，導致其中一些爲45px高，約44px。但是，解決方法是在li上設置高度和行高，但將其留給錨點元素。

2012-10-04 18:35:07

降低高度，從44px到43px。它接縫給我，這有助於你的例子

2013-04-29 16:43:19

回答