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

，可以通过以下步骤实现：

首先，需要获取所有div元素的高度，并找到最高的高度，即tallest。
然后，遍历所有div元素，将它们的高度设置为tallest。
为了保持响应布局，可以使用CSS的flexbox布局或者CSS的grid布局来实现。这样可以确保div元素在不同屏幕尺寸下的自适应性。

以下是一个示例代码：

HTML:

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

CSS:

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

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

JavaScript:

// 获取所有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';
});

这样，所有的div元素的高度将会被设置为与最高的div元素相同的高度，并且保持响应布局。请注意，这只是一个示例代码，你可以根据实际需求进行适当的调整和修改。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云云数据库MySQL版（CDB），腾讯云对象存储（COS），腾讯云人工智能（AI），腾讯云物联网（IoT），腾讯云移动开发（移动推送、移动分析等），腾讯云区块链（BCS），腾讯云元宇宙（Tencent Cloud Metaverse）。

更多腾讯云产品介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/