本文介绍了一种简单的方法来解决网页背景图片无法自适应浏览器窗口大小的问题。通过使用 CSS 的 background-size 属性设置为 100% 100%，可以确保背景图片始终填充整个浏览器视口。
在我们进行前端网页插入背景时，碰到大小不一怎末办呢，例如一下代码：
</head>
<body background="8.webp">
</body>
如图所示就是这段代码所产生的图片不适应网页大小情况：
话不多说看秦哥直接上代码，所以我们的解决办法为：
</head>
<style>
body{ background: url(8.webp);background-size:100% 100% ; background-attachment: fixed;}
</style>
</body>
这就是改过代码之后的网页图片：
小伙伴们看着是不是很舒服呢，那就和你的同桌一起去试一试把！
扫一扫
4800
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
