html - 无法删除页面底部的空白（移动）

Question

我的身体标签上的背景图片有问题。在移动设备上查看时，页面底部有一个空白区域。

这是我的CSS代码：

     body { 
  background:  url("/images/laptop_bg.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'Proxima Nova', Georgia, sans-serif;
 }

html{
  height: 100%;
}

我在 stack-overflow 上找到的解决方案不起作用。任何帮助，将不胜感激。谢谢

标签： htmlcssbackground-image

Answer 1

对于您的body标签，按如下方式设置CSSbackground-image以完整显示.

body {

width: 100%;
background-image: url("/images/laptop_bg.jpg");
background-position: 0%, 0%, 50%, 50%;
background-size: auto, cover;
background-repeat: no-repeat;
font-family: 'Proxima Nova', Georgia, sans-serif;

}