如何用纯CSS实现响应式布局中的等比例缩放？

可以使用CSS的vw和vh单位来实现块元素的等比缩放，在响应式布局中适合性较好。

您可以使用以下步骤来实现此功能：

1. 将容器元素设置为相对定位，子元素设置为绝对定位

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

2. 将宽度和高度设置为vw和vh的百分比值，这将使块元素等比缩放。

.child {
  width: 50vw; /* 让块元素宽度等于视口宽度的 50% */
  height: 50vw; /* 让块元素高度等于视口宽度的 50% */
}

3. 当视口的宽高比发生变化时，块元素将等比例缩放。

希望能对您有所帮助！