CSS-HTML viewport頁面

我正在處理HTML頁面，並且在智能手機渲染中，頁面在內容的末尾顯示一個白色部分（請注意，內容在後臺結束）。 Screenshot CSS-HTML viewport頁面

我用下面的CSS/HTML規則：

<meta name="viewport" content="width=device-width, initial-scale=0" >  
@media only screen { 

    html{width:100%; 
    height:100%; 
    } 

    body {background-image:url("sf.png"); 
    background-repeat:no-repeat; 
    background-size:auto; 
    background-attachment:fixed; 
    }`

請問有人知道爲什麼它的工作原理是什麼？

來源

2016-11-23 Deanjoe

背景尺寸：自動保持背景圖像中的原始寬度/高度比。 – Goombah

嘗試background-size:cover; background-position: center center

這擴大圖像，以覆蓋所有的區域

來源

2016-11-23 08:39:05 Francesco

它解決了我的錯誤，謝謝！ – Deanjoe

CSS-HTML viewport頁面

回答

相關問題