css - 背景仅覆盖移动页面的一半

Question

用电脑浏览器打开没问题

我已将高度更改为 350%，效果很好，覆盖了整个屏幕，但图像变得如此拉伸(stretch)。我已将背景大小更改为包含，但它不起作用。

{background-image: url(bg.jpg) ;

background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: 100% 100%

这就是它的样子 图片到此结束

它看起来更糟，当我切换到桌面模式时

图片到此结束

Answer 1

尝试将 min-height 添加到 100vh..也许会有帮助

将此 CSS 代码添加到您的 div

最小高度:100vh；