背景大小：只適合寬度的覆蓋

Question

我有一個「水平」圖像作爲背景（它是2048x1148）。

我設置了background:url("") no-repeat scroll center top/cover，在桌面模式下一切正常。在手機上，雖然我無法獲得背景圖像的比例和自動覆蓋高度。 background-size:cover不應該自動執行嗎？

Here的直播現場。

Answer 1

讓你的頁面覆蓋孔視：

html, body{ 
    height: 100%; 
} 

或使用min-height。

Answer 2

在您的html樣式在CSS文件中添加min-height: 100%;，我試過了，它工作。

html, body { 
min-height: 100%; 
} 

Answer 3

html & body標籤應該是100％的高度，並從身上取出保證金：

html, 
body { 
    height: 100%; 
} 
body { 
    margin: 0; 
}