html - 背景尺寸：封面只适合宽度

Question

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

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

这是现场直播。

Answer 1

使您的页面覆盖孔视口：

html, body{
   height: 100%;
}

或使用min-height.

Answer 2

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

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

Answer 3

html&body标签应为 100% 高度并从正文中删除边距：

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