图片自适应容器大小且不重复

您好，对于图片自适应容器大小且不重复的需求，可以使用CSS中的background-size属性和background-repeat属性来实现。

具体的实现方法如下：

1. 设置容器的宽度和高度，例如：

   .container {
     width: 500px;
     height: 300px;
   }

2. 设置容器的背景图片，例如：

   .container {
     background-image: url('image.jpg');
   }

3. 设置背景图片的大小为容器的宽度和高度，同时设置背景图片不重复，例如：

   .container {
     background-image: url('image.jpg');
     background-size: cover;
     background-repeat: no-repeat;
   }

这样设置后，图片就会自适应容器的大小，并且不会重复出现。其中，background-size属性的值为cover时，表示背景图片会被缩放以填充整个容器，并且可能会被裁剪；而background-repeat属性的值为no-repeat时，表示背景图片不会重复出现。