css - 动态重新缩放的 div 网格

Question

我想得到以下布局：

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

其中每个[ ]最多应为 300x150px，但根据需要缩小到边界框，以保持纵横比。

.field {
    width: 16%;
}

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

我尝试在 div 中添加一个占位符 div，但这并没有真正帮助，它给了我类似的东西

[ ]
[ ]
[ ]
...

score 0 · Accepted Answer

0

尝试使用 max-width 和 max-height css 属性，并将宽度和高度设置为百分比。

于 2012-04-17T08:26:27.677 回答

score 0 · Accepted Answer

0

你在找什么吗？

于 2012-04-17T08:39:42.387 回答

score 0 · Accepted Answer

看起来我需要一张桌子。

td { width: 1%; }

照顾水平相等，但我仍然有垂直间距的问题。

3 回答 3