響應式圖片調整大小問題

我正在嘗試構建響應式網站，但是我正在努力調整應用於我的網站的兩個背景圖像的大小。當我在移動設備上查看標題看起來被壓扁時，我推測這成爲了我對標題應用了固定高度。我曾嘗試使用屬性高度：汽車，但仍然沒有喜悅。有人能指出我做錯了什麼嗎？響應式圖片調整大小問題

#header{ 
background: url(images/page_header_1024px.png) no-repeat; 
background-size: 100% 100%; 
max-width:1024px; 
min-height: 100%; 
margin: 0 auto;}

click here

來源

2012-05-10 NewBoy

什麼是您的網站的鏈接？但爲移動設備的標題創建單獨的縮略圖會更容易。並覆蓋在你的CSS背景。對於小型設備，您最好儘可能減小圖像的尺寸。 – Christophe

這樣寫：

html, body{ 
    height:100%; 
    } 
#header{ 
min-height:100%; 
}

來源

2012-05-10 10:36:11 sandeep

已經解決了查看網站景觀的問題，但是，當我查看網站頭像時，頁眉看起來被壓扁了...... – NewBoy

有沒有你不使用標準的標籤的原因是什麼？然後瀏覽器會自動調整它的大小 - 嘗試調整此頁面的大小（只是您的圖像在它自己的窗口中）： http://thisiswired.com/responsive/css/images/page_header_1024px.png

這是您想要的效果嗎？

來源

2012-05-31 20:33:20

是盧克。乾杯隊友，我解決了這個問題。謝謝你的迴應。 – NewBoy

響應式圖片調整大小問題

回答

相關問題