如何讓這個標題圖像正確縮放？

我試圖讓這個標題圖像縮放到任何我需要的大小，但它沒有完全做到。網站上的所有內容都會縮放，但圖像就像右側一個或兩個像素。如何讓這個標題圖像正確縮放？

<div id="headerpic"><img style="width:100%" src="images/logo2.jpg"></div>

是HTML

#headerpic 
{ 
position: relative; 
height: 100%; 
margin-bottom: 2px; 
}

是CSS

它看起來只是掛在幾個像素好嗎。我懷疑這可能是因爲它周圍有黑色邊框，但border =「0」沒有任何作用可以將其刪除。任何人都有線索？ CUS我不...

這是一種很難說沒有訪問'圖片/ logo2.jpg' – 2013-05-01 00:40:36

如果可能的話，你可以創建一個[小提琴]（http://jsfiddle.net），這樣我們就可以玩了！與您當前的代碼。 – jhunlio 2013-05-01 00:58:58

將此添加到您的CSS它可能會解決這個問題。 * {padding：0px;保證金：0像素;} – Cam 2013-05-01 12:52:40

你所談論的可能是在圖像上邊框的建議，那麼你可以嘗試把像

#headerpic img { 
    border: none; 
}

到你的CSS。看到這個jsfiddle的例子。

2013-05-01 01:10:28

謝謝，邊界：無添加到樣式的一部分工作。這是問題所在。我假設邊界是圖像的一部分，那麼就沒有問題了，因爲它符合像素比例規格。但是，由於瀏覽器正在添加它，除了圖片本身之外，它還將其拋出2個像素。 – 2013-05-01 20:21:31

你可以像這樣使用CSS。

img { 
    max-width: 100%; 
    height: auto; 
    width: auto\9; /* ie8 */ 
}

該圖像應該縮放以適合其父容器的尺寸。

2013-05-01 00:42:30 Ding

回答