縮放時在背景圖片中出現間隙

我有一個有很多圓形邊框的設計，我必須使用CSS2.1進行編碼。所以我編碼與divs給他們與維度的背景。當瀏覽器窗口處於正常狀態時，設計看起來很好，但是當放大div之間出現約2px的間隙時。 Chrome和Safari出現問題。縮放時在背景圖片中出現間隙

我能做些什麼來防止差距？

下面是代碼示例：

<div id="bigImage"> 
<div id="leftRoundCorner"></div> 
<div id="middlePart"></div> 
<div id="rightRoundCorner"></div> 
</div> 

#bigImage 
{ 
    height:20px; 
    width:20px; 
} 
#leftRoundCorner 
{ 
    height:20px; 
    width:5px; 
    float:left; 
} 
#middlePart 
{ 
    height:20px; 
    width:10px; 
    float:left; 
} 
#rightRoundCorner 
{ 
    height:20px; 
    width:5px; 
    float:right; 
}

來源

2012-02-23 Karine

瀏覽器縮放並不是一門精確的科學。有舍入錯誤會破壞事物。從瀏覽器到瀏覽器，瀏覽器縮放的工作原理並不是標準化的。 – 2012-02-23 15:50:35

請參閱：http://www.codinghorror.com/blog/2009/01/the-two-types-of-browser-zoom.html – 2012-02-23 15:51:34

非常感謝Diodeus！ – Karine 2012-02-23 18:59:38

使用CSS3任何圓角這樣，它會顯得精緻放大！

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

就大功告成了！

來源

2012-02-23 16:10:30 agrublev

縮放時在背景圖片中出現間隙

回答

相關問題