Css 基础4：调整背景时的响应背景图像问题 我试图用一个Navar建立一个一页的网站，4个背景图像将每个部分分开。使用基础的图像大小调整良好，但当我关闭屏幕，部分正在进一步远离垂直，揭示了白色的背景在每个图像的底部。 我如何解决这一问题，从而保持从大屏幕到智能手机的页面比例

下面是一个Html示例，每个图像的大小如下：

   <div id="bg">
    <img src="http://placehold.it/1900x1000" alt="">
   </div>
   <div style="background: white">
    <div class="row">
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
     quis nostrud exercitation</p>
    </div>
   </div>
   <div id="bg1">
    <img src="http://placehold.it/1900x900" alt="">
   </div>
   <div style="background: #2adefe">
    <div class="row">
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
     quis nostrud exercitation</p>
    </div>
   </div>
   <div id="bg2">
    <img src="http://placehold.it/1900x650" alt="">
   </div>  
   <div style="background: ##683b17">
    <div class="row">
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
     quis nostrud exercitation</p>
    </div>
   </div>
   <div id="bg3">
    <img src="http://placehold.it/1900x700" alt="">
   </div>
   <div style="background: black">
    <div class="row">
    </div>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
     quis nostrud exercitation</p>
    </div>
    <div id="bg4">
     <img src="http://placehold.it/1900x400" alt="">
    </div>

---

跳上jsfiddle.net并创建页面，然后将链接添加到帖子中。你给我们的密码不完整。

#bg {
  display: block;
  min-height: 559px;
  margin-right: auto;
  margin-left: auto;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;