WordPress的標題圖片不響應

Question

我仍然試圖獲得響應式網頁設計的竅門。

隨着瀏覽器變小，我無法獲取標題圖片。

這是網站，

http://instreamenergy.com/strategic-partnerships/

如果我試圖讓.header圖像的#header＃標題區的高度：100％或其他任何東西，它只是恢復到20像素或東西，是卡在那裏。

任何提示將很棒！ 謝謝

Answer 1

我認爲你正在尋找的CSS3屬性，background-size 因爲你的形象是一個DIV的背景圖像。

• Stretch and scale CSS background
• http://caniuse.com/background-img-opts

如果您正在使用的圖像標籤，<img>你可以這樣做：

img { 
    max-width: 100%; 
} 

您還需要擺脫一些克魯夫特的你的CSS爲#title-area。看起來不像是需要floated: left;或有overflow: hidden;。刪除了width，將height更改爲min-height。 no-repeat添加到background。

我會更新到：

#title-area { 
    background: url(your-image.jpg) no-repeat; 
    padding-left: 0; 
    min-height: 386px; 
    float: none; 
    overflow: visible; 
    background-size: 100% auto; 
}