可以使用 CSS 的 background-size
属性来实现全屏铺满背景图片,并且不拉伸。下面是一个例子:
body {
background-image: url(your-background-image.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
background-size: cover
表示背景图片会被放大或缩小到覆盖整个容器,同时保证图片不变形。