The background image of ion-content only appears in the browser, it does not appear in the Device in Ionic 4

The background image of ion-content only appears in the browser, it does not appear in the Device in Ionic 4.

scss:

ion-content {
  --background: #fff url("../../../assets/imgs/loginbg.jpg") no-repeat center center / cover;
}

html:

<ion-content padding>
</ion-content>

In broswer:

image

In Android device:

bug?

Please try this code:

ion-content {
 --background: #fff url("/assets/imgs/loginbg.jpg") no-repeat center center / cover;
}

Thank you. But it does not work, he had tried. Note that the image address is correct, so much so that it is displayed in the Browser.

It’s easier if you create another div, just to hold your background.
I have tried to insert a background image inside the ion-content but it didn’t work too…

<ion-content>
  <div class="background">
     ... resto do seu código
  </div>
<ion-content>

and the css for background

.background{
   width: 100%;
   min-height: 100%;
   background-image: url('url da imagem');
   background-size: cover;
}