Html 背景尺寸:封面仅适合宽度

Html 背景尺寸:封面仅适合宽度,html,css,background-image,background-size,Html,Css,Background Image,Background Size,我有一个“水平”图像作为背景(2048x1148) 我设置了background:url(“”)无需重复滚动中心顶部/封面,在桌面模式下一切正常。在手机中,虽然我无法将背景图像缩放并自动覆盖高度。背景尺寸:封面是否应该自动进行 这是实时站点。使页面覆盖“洞”视口: html, body{ height: 100%; } 或者在CSS文件中的html样式下使用min-height,添加min-height:100%,我试过了,它成功了 html, body { min-height: 1

我有一个“水平”图像作为背景(2048x1148)

我设置了
background:url(“”)无需重复滚动中心顶部/封面
,在桌面模式下一切正常。在手机中,虽然我无法将背景图像缩放并自动覆盖高度。背景尺寸:封面是否应该自动进行


这是实时站点。

使页面覆盖“洞”视口:

html, body{
   height: 100%;
}

或者在CSS文件中的
html
样式下使用
min-height
,添加
min-height:100%,我试过了,它成功了

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

html
&
body
标记应为100%高度,并从body上删除边距:

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

谢谢大家。那容易吗。。我总是忘记检查视口样式。我接受这个,因为这是第一个答案。