这篇文章主要介绍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如何将背景图像完美地适合视口”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注云搜网行业资讯频道！
