CSSで折り畳みの上に背景画像を作成するには？

Question

私は、フォールドの上の画面の100％をカバーする背景画像を持っています。背景画像用のHTMLとCSSは次のとおりです。

.mb { 
 
    background-image: url(../assets/img/Uploads/xyz.jpg); 
 
    background-repeat: no-repeat; 
 
    height: 100%; 
 
    width: 100%; 
 
    display: flex; 
 
    align-items: center; 
 
    background-size: 100% 100%; 
 
    justify-content: center; 
 
}

<div class="mb"> 
 
</div>

私はそれが倍以上の画面の60から70パーセントをカバーしなければならないように、CSSで作成する必要が変わるかと思っています。画像のサイズを変更しようとしましたが、画面の70〜80％をカバーすることができませんでした。

Answer 1

.mb { 
    background-image: url(../assets/img/Uploads/xyz.jpg); 
    background-repeat: no-repeat; 
    height: 70vh; 
    width: 100%; 
    background-size: 100% 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}