css background 等比例放大缩小

要实现CSS背景图片的等比例缩放，可以使用`background-size`属性。下面是一些示例代码：

/* 假设容器的宽度为300px，高度为200px */

/* 背景图片按照宽度等比例缩放 */
.container {
  width: 300px;
  height: 200px;
  background-image: url('your-image.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* 背景图片按照高度等比例缩放 */
.container {
  width: 300px;
  height: 200px;
  background-image: url('your-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

在第一个示例中，`background-size: contain;`会保持背景图片的纵横比，并将图片缩放以适应容器的宽度或高度，取决于哪个边界首先被填满。

在第二个示例中，`background-size: cover;`会保持背景图片的纵横比，并将图片缩放以覆盖整个容器，取决于哪个边界首先被覆盖。

你可以根据实际需求选择适合的方法来实现背景图片的等比例缩放。