Допустим я делаю сайт с расчетом на минимальную ширину desktop 800px, которая состоит из двух колонок 200px и 600px. Если не привязываться к какой-то конкретной сетки, то я создаю две колонки 200x600. И все прекрасно работает пока я не попал на монитор, который имеет ширину на сорок пикселей больше. Получается что если я отцентрирую контент, то я выйду за пределы сетки. То есть сетка как была 200x600, так она ей и останется, но рамки контента в этих сетках уже нарушится. Все, сетка сломалась и уже не нужна.
И теперь вопрос - для чего же тогда нужны сетки? Разве существуют сайты в которых все размеры динамические? Я вот никогда не видел таких сайтов, чтобы ава была размером 500x500 или какая-то кнопка 2000х2000. Ну или если ограничить размеры элемента, то получатся безумные пробелы. И ведь побороть это уже нельзя, сетка-то как была 12 колон, так она и останется.
И настроить даже самую продвинутую сетку не получится...
Как бы много сайтов сейчас построены по адаптивному принципу:
1. Для разных диапазонов разрешений используется разные сетки (т.е. каждая сетка ограничена размерами не только по минимальной ширине, а ещё и по максимальной)
2. Абсолютный минимум и абсолютный максимум определяются здравым смыслом :)
2. Внутри каждого диапазона разрешений - сетка резиновая
Следуя этим простым принципам дизайн сайта получается без такого:
ава была размером 500x500 или какая-то кнопка 2000х2000. Ну или если ограничить размеры элемента, то получатся безумные пробелы
Но если я открою сайт на смарт-тв, то у меня аватары пользователей будут 500х500. Вы можете эту "красоту" представить? Получается что я должен ограничивать размеры авы>контейнера в котором она находится>и его и его и его контейнера.. И вот мы уже и получили безумные промежутки между элементами. Разве не так?
Александр Вульф: ну тогда дизайн ломается... Есть разница в положение рук как у Вас сейчас и в положении, когда они от Вас будут отчленены на сто пикселей?
Получается что ответ на мой вопрос "Для чего нужны сетки (grid)?", должен звучать так "чтобы штамповать бич-дизайн из девяностых годов в три колонки".
Это для того чтобы создать верстальщику дополнительную боль в ж*пе, потому что все эти сетки представляют из себя плохоумправляемое геморройное де**мо которое к тому же не позволяет верстать хоть сколько нибудь гибко.
Я лично если уж очень нуждаюсь в сетке просто сам их прописываю через деление 100%.
Ну например $size-1: 100% / 5, $size-2: 100% / 4 и так далее
Простой
