設置一個背景圖像的寬度和高度，長寬比

Question

我在這個論壇上和互聯網上搜索解決方案，大多數解決方案可用，但沒有爲我的情況工作...或者我不明白可能。

我有一個背景圖像，我想這需要100％的寬度和相同的高度值。

.top-section { 
 
    background: url('../img-content/Bg1.png') no-repeat center center fixed; 
 
    background-size: cover; 
 
}

<div class="top-section"></div>

Answer 1

html, body { height: 100%; } 

.top-section {  
width: 100%; 
height: 100%; 
background-image: url("'../img-content/Bg1.png"); 
background-attachment: fixed; background-size: cover; 
} 

對於其他圖片使用類似

.top-section2 { 
width: 100%; 
    height: 100%; 
    background-image: url(""); 
    background-size: cover; 
}