背景圖像不顯示在代理瀏覽器（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; 
}