Bootstrap 移动背景图片

Question

我有一个背景图片集。当我在移动设备上查看时，背景图像在不同页面上的大小不同，即使它们都使用此代码链接到同一个样式表

网站是“treyscode.com”，您可以转到不同的页面并查看大小差异。页面还没有完成所以不要给我太多时间:)

'''

body {
  background: url(../image/blackhole.jpg);
  background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height:100%;
      width:100%;
}

'''

为什么不同的页面会以不同的尺寸显示背景图片？

Answer 1

实际上这取决于您的网页内容。由于您已将background-repeat 属性设置为no-repeat，因此您会认为它的大小不同。实际上，图像是不断粘贴的，并且每个页面上的大小都相同。

如果您删除上面的background-repeat 属性，那么您可以看到我所说的区别。