divを水平に一貫して整列させる方法は？

Question

私のHTMLでは、8色のdivを水平方向に一定のスペースで区切りたい 私はこれらのdivのコンテナとして<table>を持っています。サイズは、スケーリングのピクセル（px）ではなく、パーセント（％）で指定します。

ユーザーがウィンドウのサイズを変更すると、divもサイズ変更されますが、等高線ではなく（つまりheight = width）、四角形ではなく四角形のようになります。これらのdivを整列して、ユーザーがウィンドウのサイズを変更したときに、divも同じ割合でサイズ変更され、四角形を保持するようにしたいと思います。

Answer 1

比率を維持する方法でdivをスケーリングするための純粋なHTML/CSSソリューションはありません。何らかのスクリプトを使用する必要があります。 Scale a div to fit in window but preserve aspect ratio

Answer 2

width: 100%と透明な正方形のGIF画像（1×1ピクセルで十分です）を各ブロックに配置することができます。画像およびその容器の寸法は、特定の計算されたピクセル値width: 100%にかかわらず自動的に一定に維持される。