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页面

回答

相关问题