Question

我遇到了一个奇怪的问题，其中将背景大小声明为某个 px 值会使我的背景在移动设备上完全消失（特别是在像素 2 xl 上，已在像素 2 上尝试过并且可以正常工作）。

official tutorial about how to using TripletSemiHardLoss (TripletHardLoss as well) in general

下面是我用来声明我的背景的代码

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(photos/2452.jpg) repeat center center;
  background-size: 550px 350px;
  -webkit-background-size: 550px 350px;;
  -moz-background-size: 550px 350px;;
  -o-background-size: 550px 350px;;
  background-size: 550px 350px;;
}

如果我切换背景大小以正确覆盖它，但是，我希望重复背景，因此让一张图片覆盖整个页面在这里不起作用。

Answer 1

我最终将图片缩小到 550 x 350，这不是最佳解决方案，但对我有用

background-size 导致背景在移动设备上消失

1 个答案: