使博客圖像適合博客文章區域

Question

我目前使用此CSS來使我的博客圖像適合我的博客區域和博客文章的確切寬度。我不確定這是不是最好的解決方案，因爲我偶爾會遇到圖像移動到右側的問題。

.post-body img { 
width: 761px!important; 
height: auto!important; 
padding: 0 !important; 
border: none !important; 
background: none !important; 
} 

有沒有更好的方法來做到這一點？在此先感謝:)

Answer 1

試試這一次。不確定。但爲我工作

.post-body > img{ 
    width:100%; 
    height: auto; 
} 

Answer 2

<IMG>標籤應當有這樣的（響應代碼）的聲明。

.post-body img { 
    max-width:100%; 
    height:auto; 
} 

但是，您必須檢查是否有其他CSS規則可能影響圖像顯示，無論是圖像本身還是其父母。 要考慮到：通過Blogger編輯器上傳

1. 圖像會< DIV CLASS =「分離」 >內進行編碼。檢查<div>本身或「分隔符」類中是否沒有額外的邊距，填充和邊框。
2. 後身通常有填充規則，所以如果你想讓你的圖像填充整個後身區域，你將不得不聲明圖像的負邊距。

所以例如假設體後必須在雙方13像素填充，到最後，你可能有這樣的事情：

.post-body img { 
    max-width:100%; 
    height:auto; 
    margin:0 -13px; 
    border:0; 
    padding:0; 
}