css怎么设置图片不平铺

如何设置图片不平铺

如果要让图片填充整个容器并且不拉伸变形，可以通过设置 background-size 为 contain，同时将background-repeat设置为no-repeat。示例如下：

			<div class="img-1"></div>
		

如果要让图片填充整个容器并且可能拉伸变形，可以通过设置background-size为cover，同时将background-repeat设为no-repeat。示例如下：

			<div class="img-2"></div>
		

除了使用background-size属性，还可以使用标签来展示不平铺的图片。示例如下：

			<img src="https://picsum.photos/id/237/500/500" style="display: block; max-width: 100%; height: auto;">
		

以上三种方法都可以让图片不平铺，具体使用哪种方法取决于需求，选择最适合的方法来展示你的图片。