css - 動的に再スケーリングするdivグリッド

Question

次のレイアウトを取得したい：

[ ][ ][ ][ ][ ][ ]
[ ][ ][ ][ ][ ][ ]
[ ][ ][ ][ ][ ][ ]
[ ][ ][ ][ ][ ][ ]

それぞれ[ ]が最大300x150pxである必要がありますが、アスペクト比を維持するために、必要に応じてバウンディングボックスに縮小します。

.field {
    width: 16%;
}

.field .placeholder{
    float: left;
    width: 300px;
    height: 150px;
}

div内にプレースホルダーdivを追加しようとしましたが、それは実際には役に立ちませんでした。

[ ]
[ ]
[ ]
...

score 0 · Accepted Answer

max-widthおよびmax-heightcssプロパティを使用して、幅と高さを数パーセントに設定してみてください。

score 0 · Accepted Answer

テーブルが必要なようです。

td { width: 1%; }

水平方向に均等に処理しますが、垂直方向の間隔の問題はまだあります。

score 0 · Accepted Answer

0

それはあなたが探しているものですか？

于 2012-04-17T08:39:42.387 に答える

3 に答える 3