制作Link in-bio页面时背景图片无法铺满全屏的问题求助
解决背景图片无法铺满全屏的问题
默认情况下,html 和 body 元素的高度仅由内部内容决定,不会自动占满整个浏览器视口,这就是你的背景图只覆盖内容区域的原因。
直接按下面的代码调整即可:
- 先给根元素和body设置全屏高度,清除默认边距:
html, body { height: 100%; margin: 0; padding: 0; }
- 保留你原本的背景样式:
body { background: url(./942775.png) no-repeat center center fixed; background-size: cover; }
这样调整后,背景图片就能完全铺满浏览器的整个视口,不管内容多少都能覆盖到屏幕边缘。
内容的提问来源于stack exchange,提问作者Josh10187
相关产品推荐
相关产品推荐

