html - CSS-HTML 视口(viewport)页面

Question

我正在处理 HTML 页面，在智能手机呈现时，页面在内容末尾显示白色部分(注意，内容在背景处结束)。 Screenshot

我正在使用以下 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;
    }`

有人能知道为什么会这样吗？

Answer 1

试试 background-size:cover; background-position: center 中心

这会扩展图像以覆盖所有区域