离子：离子幻灯片上的背景盖在部署时不起作用

Question

我的应用程序背景出现问题。在我的屏幕上，部署后，我的css属性“ background-size：cover”将无法工作，并且图像的大小会像被转换为​​“ width：100％; height：100％”一样调整大小。有解决方案吗？

我的scss代码：

page-home {
  ion-slides {

    ion-slide {
      background-size: cover;
      background-position: center;
      padding-left: 40px;
      padding-right: 40px;
      min-width: 365px !important;
    }

    #slide1 {
      background-image: url('../assets/img/fond1_opacity50.jpg');
      background-position: left;
    }

    #slide2 {
      background-image: url('../assets/img/fond2_opacity50.jpg');
      background-position: left;
    }

    [...]
  }
}

我的html代码：

<ion-content>
  <ion-slides autoplay="3000" loop="true" speed="500">
    <ion-slide id="slide1">
      [...]
    </ion-slide>
    <ion-slide id="slide2">
      [...]
    </ion-slide>
  </ion-slides>
</ion-content>

在手机上还是在浏览器上：

Answer 1

尝试一下

  ion-content {
    background-size: cover;
  }

#slide1 {
  background-image: url('../assets/img/fond1_opacity50.jpg');
  background-position: left;
}

Answer 2

尝试这个

 ion-content {
   -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }



  #slide1 {
     background: url(images/bg.jpg) no-repeat left left fixed;

    }

Answer 3

我的背景图片很大（5000x4000px）

我已经尝试了很多，显然问题只出现在某些电话上，而没有发生在其他电话上：也许电话太虚弱，无法处理并放弃对此电话进行尺寸设定。