背景图像不显示在代理浏览器（Opera Mini的和UC浏览器）

Question

我见的Django项目

.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>

它运作良好，在主要的浏览器和CM浏览器（代理浏览器以下），但不在Opera Mini和UC Browser上。

请问我想知道什么样的解决方法可以在这样的浏览器上显示背景图片。谢谢

PS：图片是动态生成

Answer 1

尝试min-height:100%或修复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; 
}