Hintergrundbild nicht angezeigt in Proxy-Browser (Opera Mini und UC-Browser)

Question

Ich habe nach dem in django Projekt

.home { 
 
    height: 100vh; 
 
    /*background-image: url('../../media/background_for_homepage.jpg');*/ 
 
    background-repeat: no-repeat; 
 

 
    -webkit-background-size: contain; 
 
    -moz-background-size: contain; 
 
     -o-background-size: contain; 
 
      background-size: contain; 
 
}

<div class="home" style="background-image: url('../..{{background.image.url}}');"> 
 
    </div>

Es funktioniert gut auf gängigen Browsern und CM Browser (einen Proxy-Browser) aber nicht auf Opera mini und UC Browser.

Bitte ich würde gerne wissen, welche Problemumgehung zur Verfügung steht, um das Hintergrundbild auf solchen Browsern anzuzeigen. Danke

PS: das Bild dynamisch

Answer 1

min-height:100% versuchen erzeugt wird, oder beheben height

.home { 
    min-height: 100%; 
    /*background-image: url('../../media/background_for_homepage.jpg');*/ 
    background-repeat: no-repeat; 

    -webkit-background-size: contain; 
    -moz-background-size: contain; 
     -o-background-size: contain; 
      background-size: contain; 
}