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