CSS響應式佈局，流體和固定

Question

元素，我需要一點幫助，我開發的自定義主題的WordPress：http://bjorn.flabifitness.hu/

我需要一個固定的頁眉，頁腳，菜單區域。還有一個帶有頁面內容的流體內容區域（圖像）。

在瀏覽器窗口大小發生變化時，只有內容需要更改/調整爲視圖大小，沒有滾動條，並且如果圖片大於瀏覽器窗口或顯示器，則應將其調整爲大小的瀏覽器窗口。 （流體）

頁眉，頁腳和菜單（垂直位置）應位於相同的位置。 （固定）

這是我的CSS代碼現在：（主：所有的頁面，裏面頭，容器（邊欄，內容），頁腳）

#main { 
    position: absolute; 
    background-color:#434343; 
    z-index:0; 
    display: block; 
    opacity: 0; 
    top:0px; 
    left:0px; 
    width:100%; 
    height:100%; 
    text-rendering: optimizeLegibility; 
} 
#header { 
    background: #1d1d1d; 
    margin: 0; 
    padding-top: 15px; 
    padding-left: 35px; 
    padding-bottom: 13px; 
    min-width: 100%; 
    margin:0px auto; 
} 
#footer { 
    clear: both; 
    min-width: 100%; 
} 
#container { 
    height: auto; 
    overflow: hidden; 
} 

#sidebar { 
    width: 242px; 
    float: left; 
    background: #434343; 
    min-height: 92%; 
} 

#content { 
    float: none; 
    background: #434343; 
    width: auto; 
    overflow: hidden; 
} 

Answer 1

您可以流體縮放圖像中包含CSS所以：

img { 
    width: 100%; 
    height: auto; 
}