Javascript 当浏览器调整大小时，如何进行动态调整？

我有一个带有两个div的标题横幅，并将最小宽度设置为770px，以便在浏览器调整大小时不允许第二个div转到第二行

<div style="min-width:700px;">
  <div style="float:left;">Content1</div>
  <div style="float:right;">Content2</div>
</div>

内容1
内容2

我还用

边距设置了边距：30px 10%0 10%以生成空格

但我的问题是当浏览器调整元素的大小时，左边的边距仍然是10%，并且边距没有减少。它会减少，直到浏览器达到770px，但在该元素之后不会移动。如果我减少最小宽度，第二个div将进入第二行

如何实现此功能。Plz help me.Jquery，Javascript任意内容？
考虑使用，他们的FluidGrid系统可以很好地动态调整页面大小。
一旦浏览器分辨率变小，使用媒体查询覆盖CSS：