Каков был бы лучший подход для создания сетки CSS с 1500 DIV, которые заполняют лучшую способ просмотра? [закрыто] ⇐ CSS

[Anonymous]

У меня 1500 DOV (в них ничего не должно отображаться), и я хотел бы, чтобы в зависимости от размера размера видового порта, чтобы построить сетку, которая наилучшим образом заполняет в видоубийстве.
Divs должен заполнить ряды до конца видоугольника и столбцов до высоты Viewport. Это нормально, когда последняя строка содержит пустое пространство в конце, когда DIV не могут быть распределены, чтобы полностью заполнить последнюю строку. Неужели JS здесь обязательно рассчитывать, как наилучшим размером размер, связанные с разрешением просмотра? class = "Snippet">

Код: Выделить всё

.flex-container {
display: flex;
width: 100%;
height: 100vh;
flex-flow: row wrap;
background-color: DodgerBlue;
}

.flex-container > div {
background-color: #f1f1f1;
width: 100px;
margin: 2px;
text-align: center;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/797 ... at-fill-in