背景圖片不響應

的開發站點位於http://www.clhdesigns.com/cliwork/wintermeresod/about.php 背景圖片不響應

我遇到的問題是，如果你看看主頁背景圖片尺度完美，而它不是關於我們頁面上在所有。我正在尋找的是100％的規模，這裏是我的代碼。

<div id="main" class="about"> 
<div class="inner"> 
<div class="welcome_intro2"> 
    <h1>Growing Top Quality Sod</h1> 
    <h2>for over 25 years</h2> 
</div>

喏，這就是對應的CSS

#main { float:left; width:100%; padding:1em 0 3em 0; color:#666;} 

.about { 
background: url("../images/banner3010.jpg") no-repeat; 
height:582px; 
width:100%; 
}

我要找的是保持圖像的高度在桌面上它在哪裏，但我需要它是100％的迴應。有任何想法嗎？

來源

2016-08-18 Chris Vale

你的意思是像'背景尺寸：100％'？ – pol

是的東西像背景大小100％ –

就像我看到你在你的網站中使用的答案，但你沒有標記答案是正確的。我知道你在這裏是新的，但你應該標記爲正確的，因爲其他用戶不必在正確和有效的答案時也提供其他答案:) –

看一看。

.about { 
background: url("../images/banner3010.jpg") no-repeat 50% 50%; 
height:582px; 
}

來源

2016-08-18 19:04:57

這是一個如何工作的SCREENSHOT。我已經使用了第一頁中具有圖像的相同代碼，並且這使得它響應。檢查下面

.about { 
    background: url("../images/banner3010.jpg") center center no-repeat; 
    height:582px; 
}

代碼可以使用@media查詢，以平板和手機圖像height

@media screen and (max-width: 768px) { 
    .about { 
     height:300px; /*whatever height you want*/ 
    } 
}

來源

2016-08-18 19:06:35

背景圖片不響應

回答

相關問題