css如何将背景图像完美地适合视口

这篇文章主要介绍css如何将背景图像完美地适合视口，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

如何将背景图像完美地适合视口

body {  background-image: url('https://images.unsplash.com/photo-1573480813647-552e9b7b5394?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2253&q=80');  background-repeat: no-repeat;  background-position: center;  background-attachment: fixed;  background-size: cover;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;}

background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。

以上是"css如何将背景图像完美地适合视口"这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！