Html 如何根据页面上的div数重复/传播背景图像？

我知道css属性

背景尺寸：封面和
背景大小：包含
目前，我正在手动调整背景图像的覆盖范围，这是非常不切实际的。如何根据页面上的div数调整覆盖率或重复率？
在“移动”视口中，这是特别需要的。当我在手机上向下滚动时，我希望看到所有的div都覆盖到页脚。如果我添加另一个div（想想注释），背景图像将被扩展

body {
    background-image: url("bg.jpg");
    background-repeat: repeat;
    background-size: contain;
    height: 1000px;  /* <-- impractical way of adjusting coverage */
  }

正文{
背景图片：url（“bg.jpg”）；
背景重复：重复；
背景尺寸：包含；
高度：1000px；/*我需要做的就是更换线路：

background-size: contain;
height: 1000px;

与：

工作起来很有魅力。
为什么你需要设置一个重复的背景大小？像这样的问题应该有一个适当的例子来说明实际问题。你说你知道
封面
，所以你的答案没有多大意义，而且我们不再需要使用背景大小的前缀
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;