background-size：覆盖仅适合宽度

Question

我有一个“水平”图像作为背景（它是2048x1148）。

我设置了background:url("") no-repeat scroll center top / cover，在桌面模式下一切正常。在移动设备虽然我不能让背景图像缩放并自动覆盖高度。 background-size:cover不应该自动执行此操作吗？

Here是直播网站。

Answer 1

让您的页面覆盖孔视口：

html, body{
   height: 100%;
}

或使用min-height。

Answer 2

在CSS文件中html样式下添加min-height: 100%;，我尝试了它并且有效。

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

Answer 3

html＆amp; body代码应为100％高度，并从正文中移除边距：

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