Есть главный блок, в котором есть много блоков определенной ширины и высоты с float:left, допустим, ширина блоков 250px, при уменьшении окна браузера, один из блоков "прыгает" вниз, а в верхней строке остается пустое место. Увидел данную реализацию тут. По сути на данном сайте в 5 больших картинок, влазит 6 маленьких ну и т.д. Пробую реализовать на JS, но что-то пока безуспешно, может надо как-то по-другому делать?
Вообще, отлично! Только вот при сужении окна браузера до: 1-я строка 4 блока. 2-я строка 2 блока. На второй строке не происходит сужение, а так замечательно! u.to/dI7ICg
hrvasiliy: Ну я по быстрому накидал же :)
Нужно поиграть с минимальной и максимальной шириной, как вам нужно и подобрать такие, что бы устраивало.
Ещё нужно будет поиграть с высотой, которую нужно выставлять в auto и внутрь блоков вставлять картинку, которая должна растягиваться по ширине всего блока. Таким образом она и высоту будет увеличивать.
А по поводу последних блоков, пока ничего в голову не приходит.
hrvasiliy: hrvasiliy: А на twitch сделано следующим способом. Они добавляют каждому элементу класс video и меняют значение width для класса video через скрипт при изменении ширины экрана
