窗口调整大小时元素的动态宽度计算

Question

我有一个父亲div和多个孩子div

<div id="Parent">
  <div class="child-1"></div>
  <div class="child-2"></div>
  <div class="child-3"></div>
  <div class="child-4"></div>
  <div class="child-5"></div>
  <div class="child-6"></div>
  <div class="child-7"></div>
</div>

我需要一个基于JS或CSS的解决方案，其中在窗口调整大小时，每个子项div的{​​{1}}会减小并增加max-width或任何特定值。