代理浏览器中不显示背景图像（opera mini和UC浏览器）

Question

我在django项目中有以下内容

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

它适用于主流浏览器和CM浏览器（代理浏览器），但不适用于Opera mini和UC浏览器。

请知道有哪些解决方法可以在这些浏览器上显示背景图像。谢谢

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;
}