На html+css фреймворках с сеткой в каких измерениях ставить высоту?

Question

[Sieghardt Meisner]

Использую фреймворк Bootstrap 3 (можно и на примере другого объяснить, у которого есть сетка). Там есть сеточная система, которая адаптивная по ширине. В чем мне задавать высоту элементов и отступов, чтобы они корректно отображались на различных устройствах (имеется ввиду px, vh, vmax)? Т.е, если я сделаю высоту блока 768, то на ПК и ноутах он норм смотрится, на мобилках уже растянутая высота получается. Если vh, то размер регулируется, но в зависимости от разрешения отступы заставляют блоки съезжать. Кто-нибудь может объяснить концепцию, которой надо придерживаться?

Answer 1

[Олег]

Желательно, высоту не трогать, т.е. не задавать фиксацию в принципе, чтобы все тянулось в зависимости от контента.

Comments

[Александр Гамов]

а для этого максимально избегать флоатов.

[Олег]

Александр Гамов: Почему? Да и на бутстрап 3 это сложно.

[Sieghardt Meisner]

То есть смысл весь в том, что основной подход к самой некосячной адаптивной верстке заключается в том, что адаптивность задается либо только ширине (высота сама автоматически выстраивается), или же наоборот только высоте (ширина сама автоматически выстраивается)?

Answer 2

[Алексей]

Как по мне, так имеет смысл задавать минимальную выосту только секциям (я использую vh). Остальной контент (в px) должен адаптивиться через медия запросы, там же регулировать расстояния между блоками и элементами.