vue 本地背景图片铺满整个屏幕

至少零下七度

于 2021-04-21 14:48:29 发布

阅读量2.2k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/mqq_12/article/details/115953910

版权

22 篇文章

订阅专栏

这篇博客主要介绍了如何使用CSS实现网页背景图片全屏显示并保持居中，同时确保在不同设备上实现良好的响应式效果。通过设置`background-size: 100% 100%`和`background-position: center center`，可以达到理想的视觉体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.home{
	width: 100%;
  	height: 100vh;
  	background: url("XXX") center center no-repeat;
  	background-size: 100% 100%;
}