可以使用 CSS 的background-size
属性来实现全屏铺满背景图片,并且不拉伸。下面是一个例子:
body {background-image: url(your-background-image.jpg);background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
background-size: cover
表示背景图片会被放大或缩小到覆盖整个容器,同时保证图片不变形。
时间:2020-03-10 03:53:28
可以使用 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背景图片全屏铺满自适应
2021-04-21
CSS:实现background-image背景图片全屏铺满自适应
2021-01-23
2024高一话题作文:弹起生命中的进行曲1500字高一话题作文
2024-07-27