手机上的背景图片在下方留出了白色空白区域。

要解决手机上背景图片下方留出白色空白区域的问题，可以使用CSS中的background-size属性来调整背景图片的大小，以适应手机屏幕。以下是一个代码示例：

HTML:

<div class="container">
  <!-- 内容 -->
</div>

CSS:

.container {
  background-image: url('path/to/image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

在上面的示例中，我们使用了.container类来包装内容，并设置了背景图片为指定路径的图片。通过设置background-size为cover，背景图片将会被缩放并完全覆盖容器。同时，使用background-position属性将背景图片居中显示，并设置background-repeat为no-repeat，以避免图片重复显示。

这样，背景图片将会自动适应手机屏幕的大小，不会留下白色空白区域。