css背景图片全屏铺满自适应不拉伸

可以使用 CSS 的 background-size 属性来实现全屏铺满背景图片，并且不拉伸。下面是一个例子：body {background-image: url(your-background-image.jpg);background-size: cover;background-repeat: no-repeat;background-attachment: fi...

DarthP

13769人浏览 · 2023-02-14 16:21:33

DarthP · 2023-02-14 16:21:33 发布

可以使用 CSS 的 background-size 属性来实现全屏铺满背景图片，并且不拉伸。下面是一个例子：

body {
  background-image: url(your-background-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

background-size: cover 表示背景图片会被放大或缩小到覆盖整个容器，同时保证图片不变形。