怎样使div适应一个较大的div但保持其大小比例不变？

你可以使用CSS的aspect-ratio属性来保持div的大小比例不变。以下是一个示例代码：

HTML代码：

<div class="parent">
  <div class="child"></div>
</div>

CSS代码：

.parent {
  width: 400px; /* 较大的div的宽度 */
  height: 600px; /* 较大的div的高度 */
  background-color: lightgray;
  position: relative;
}

.child {
  aspect-ratio: 4/3; /* 保持宽高比为4:3 */
  background-color: gray;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在上述代码中，.parent代表较大的div，.child代表需要适应其大小的div。通过将.child的aspect-ratio属性设置为4/3，它将保持宽高比为4:3。使用position: absolute;和transform: translate(-50%, -50%);将.child居中对齐在.parent中。

这样，当调整.parent的宽高时，.child会自动适应并保持宽高比不变。