将div heights设置为与tallest相同，同时保持响应布局

<div class="container">
  <div class="div1">Content 1</div>
  <div class="div2">Content 2</div>
  <div class="div3">Content 3</div>
</div>

.container {
  display: flex; /* 使用flexbox布局 */
  /* 或者使用以下grid布局
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
  */
}

.container > div {
  height: 100%; /* 设置高度为100% */
}

// 获取所有div元素
const divs = document.querySelectorAll('.container > div');

// 找到最高的高度
let tallest = 0;
divs.forEach(div => {
  const height = div.clientHeight;
  if (height > tallest) {
    tallest = height;
  }
});

// 将所有div元素的高度设置为tallest
divs.forEach(div => {
  div.style.height = tallest + 'px';
});