ДИВОЙ сетка, которая динамически перемасштабирует

Question

Я хотел бы получить следующую структуру:

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

где каждый [ ] должен быть не более 300x150px, но масштаб вниз к блоку ограничивающих по мере необходимости, сохраняя пропорцию.

.field { 
    width: 16%; 
} 

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

Я попытался добавить заполнитель DIV внутри дивы, но это не действительно помогает, это дает мне что-то похожее на

[ ] 
[ ] 
[ ] 
... 

Answer 1

Это выглядит как таблица, что мне нужно.

td { width: 1%; } 

заботится о равном по горизонтали, но у меня все еще проблема вертикального интервала.

Answer 2

Попробуйте использовать макс-ширина и максимальная высота свойства CSS , и установите ширину и высоту в несколько процентов.

Answer 3

Вы ищете что-то, что ищете?

http://jsfiddle.net/codef0rmer/mNkEj/