javascript - ブラウザのサイズ変更時に動的にサイズ変更する方法は?

Question

2 つの div を持つヘッダー バナーがあり、最小幅を 770px に設定して、ブラウザーのサイズが変更されたときに 2 番目の div が 2 行目に移動しないようにします。

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

margin:30px 10% 0 10%;スペースを作るためにマージンも設定しました。

しかし、私の問題は、ブラウザーが要素のサイズを変更し、左側の余白がまだ 10% であり、余白が減少していない場合です。ブラウザーが 770px になるまで減少しますが、その後要素は移動しません。 2 番目の div が 2 行目に移動する幅。

この機能を実装する方法.Jquery,Javascript 何かを助けてください?

Answer 1

Twitter-Bootstrapの使用を検討してください。そのFluidGridSystemは、ページの動的なサイズ変更に非常に適しています。