时间戳

首页 > 解决方案 > Bootstrap 移动背景图片

css - Bootstrap 移动背景图片

问题描述

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

网站是“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%;
}

'''

为什么不同的页面会以不同的大小显示背景图像？

标签： cssmobilebootstrap-4background-image

解决方案

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

如果您删除上述background-repeat属性，那么您可以看到我正在谈论的差异。

推荐阅读