我有一個(gè)通過(guò) CSS 設(shè)計(jì)的帶有背景圖片的主頁(yè)。但是，當(dāng)頁(yè)面加載左側(cè)的一部分而右側(cè)的一部分保持白色時(shí)。我想讓它適合屏幕。這是我的HTML：<header>  <section class="bg">      <div [style.color]="'white'">        <h1>  Welcome to Shopping Cart</h1>        <h2>  Online grocery purchase made easy.</h2>      </div>  </section></header>這是我的CSS.bg{background-image: url('/assets/images/shopping-1.jpg');height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;    /*background-size: contain;*//*background-color: darkblue;*/}我試過(guò)使用width:100vw但它不起作用。右邊變得更加拉伸，左邊仍然是空白的白色部分。設(shè)置width: 84vw;使其在右側(cè)正確。但左側(cè)仍然是空白。我無(wú)法將背景圖像向左移動(dòng)。如何使整個(gè)背景圖像適合屏幕。主頁(yè)圖片：