Question

我正在尝试创建一个简单的视差图像，并固定了背景附件。该图像在我的android手机中的android mozilla浏览器上看起来还不错，而在chrome开发人员的工具中看起来还不错，但是当我在IphoneX上查看该图像时，图像看起来就放大并固定了。这是我的代码。

HTML：

  <div class="weddingparallax">
  </div>

CSS：

.weddingparallax {
         background-image: url("imageurl");
         background-attachment: fixed;
         background-size: cover;
         background-position: center;
         height: 80vh;
       }

Answer 1

尝试一下：

.weddingparallax  {
  background-image: url("imageurl");
  min-height: 500px; /* you can change it */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

请让我知道它是否有效！

背景图片在手机上放大显示

1 个答案: