如何让flex容器div在调整浏览器大小时达到100%的宽度？

要让flex容器div在调整浏览器大小时达到100%的宽度，可以通过以下步骤实现：

1. 设置父容器的样式为flex布局：将父容器的display属性设置为flex，这样父容器就成为了一个flex容器。
2. 设置父容器的宽度为100%：将父容器的width属性设置为100%，确保父容器的宽度始终占满浏览器窗口。
3. 设置子容器的flex属性：将子容器的flex属性设置为1，这样子容器会根据剩余空间自动调整宽度。

下面是一个示例代码：

<style>
  .container {
    display: flex;
    width: 100%;
  }

  .item {
    flex: 1;
  }
</style>

<div class="container">
  <div class="item">内容1</div>
  <div class="item">内容2</div>
  <div class="item">内容3</div>
</div>

在上面的示例中，父容器的宽度被设置为100%，子容器的flex属性被设置为1，这样子容器会根据剩余空间自动调整宽度，从而实现了在调整浏览器大小时达到100%的宽度。

推荐的腾讯云相关产品：腾讯云弹性容器实例（Elastic Container Instance，简称 ECI），是一种简单高效的托管式容器服务，提供了快速部署、弹性伸缩、高可用、安全可靠的容器运行环境。您可以通过腾讯云弹性容器实例快速搭建容器化的应用，实现应用的弹性伸缩和高可用。更多详情请参考腾讯云弹性容器实例产品介绍：https://cloud.tencent.com/product/eci