Как верстать адаптивно с помощью vmax, vh, vw и тд?
Видел на Youtube виде, где человек верстал адаптивно с помощью vmax, vh и vw, но так и не объяснил, где и что нужно использовать. Так где же и что нужно использовать?
Алексей Ярков, Я читал, я знаю как они работают, но в голове не укладывается, как верстать используя только это. Он говорил вроде, что всё, что относится к высоте должно быть vmax, а к ширине - vw. Но в этом нет смысла, или есть.. По этому и хочу узнать мнение людей, которые разбираются в вопросе.
обычно есть ширина контентного поля, а остальное нарисовано, чтобы было понятно как макет должен выглядеть на экранах шире, чем контент. Если окно становится меньше, чем контентная ширина + отступы, то блоки перестраиваются. Если контент позволяет, то можно начать перестроение там, где верстка начнет ломаться.
Если вы просто будете задавать все размеры в vw, то на мобилках получите микроскопический нечитабельный текст.
Верстать используя только [напишите сюда любую хрень] — это убожество.
Если было бы достаточно только [любая хрень], то не было бы нужды во всем остальном.
mardari98, ок
3 столбца по 30-33% (можете процентами, можете vw)
сжимаете окно и смотрите в какой момент этих 30-ти процентов будет недостаточно и перестраиваете на 2 столбца, потом на 1.
Предположим, вы сделаете их по 33vw и на этом остановитесь. На мобильнике с шириной 320px получите столбцы шириной по ~100px, а размер шрифта в районе 1px. Еще некоторые браузеры не делают шрифт меньше 8px, чтобы вы им не писали. Представили как это будет выглядеть?
Никак. Используй другие способы растягивать что-то в ширину экрана или по высоте. Эти единицы хорошо работают в идеальных условиях, но как только начинают появляться всякие браузерные оверлеи (привет 99% мобильных браузеров), использование подобных единиц измерения приведет к неожиданному поведению страницы.
Средний
