Адаптивная вёрстка на flexbox может ли считаться полноценной адаптивной вёрсткой?

Question

[xonar]

Здравствуйте.

Возник вопрос. Есть 2 варианта.

1. Первый вариант. Представим, что есть макет под десктоп версию и мне сказали сделать адаптивную вёрстку. Если я сделаю её с помощью flexbox, где при ужимание экрана всё будет успешно перестраиваться как на планшете, так и на мобильных устройствах, то будет ли это считаться полноценной вёрсткой? А шрифты текста возможно уже подправить в media запросах.

Или полноценная адаптивная вёрстка только тогда, когда полностью на медиа запросах всё перестраивается?

2. И второй вариант. Если есть макет мобильного, планшетного, десктоп вида, то тут только через медиа запросы делать адаптивность?

Немного запутался просто, что считается полноценной адаптивной версткой, а что нет.

Comments

[Сергей delphinpro]

Если сайт адекватно выглядит на всем спектре заявленных устройств (классов устройств), то он полноценно адаптивный, вне зависимости от того, какими подходами в верстке это было достигнуто.

[xonar]

Сергей delphinpro, Спасибо, как раз ждал от вас ответ, как от опытного разработчика) Пригласить сразу в вопрос свой не осмелился.

Answer 1

[Рома Зварич]

Адаптивная вёрстка - это вёрстка, которая адаптируется под диапазон экранов с сохранением комфортного взаимодействия с интерфейсом. Делаете Вы её на Flexbox или на Float, не важно. С использование медиа запросов или без - не важно

Comments

[xonar]

Просто много где читал + на htmlacademy даже об этом говорили, что это не является полноценной адаптивной вёрсткой.

Возможно, что каждый считает по своему и точного ответа на мой вопрос увы нет.

[Рома Зварич]

Flexbox и медиа выражения - это лишь инструменты для достижения цели. И сам факт их использования не добавляет полноценности. Если у Вас на сайте только текст, вообще ничего делать не нужно. Он и так будет адаптироваться под ширину экрана

[xonar]

Рома Зварич, То есть, глядя в будущее. Если мне на работе скажут сделать адаптивность исключительно на медиа выражениях, я могу послать такое требование куда подальше и сказать, что я буду делать адаптивность так, как я считаю нужным, например на флексах, гридах и т.д. Верно?

[fallus]

xonar, htmlacademy это вообще отдельная тема.

С помощью flexbox вёрстка может считаться адаптивной. Если она адаптивна.

[Рома Зварич]

xonar, посылать требования работодателя - очень недальновидный подход.
Правильнее с высоты своего опыта подсказывать решения, которые Вы можете считать более рациональными.

[xonar]

Рома Зварич, Ну это само собой, что посылать никто не собирается. Выразился, чтоб более понятнее было.

Answer 2

[NaN]

xonar, для начала нужно разобраться в темах: адаптивность, что такое медиазапросы (для чего нужны и как использовать), а потом уже посылать кого-то на работе.

1) Адаптивность - это возможность сайта правильно отображаться на разных устройствах с различными характеристиками.
2) Медиа-запросы позволяют создавать стили для определенных типов устройств.

Собственно как вы собрались писать стили без использования медиазапросов? (js не в счет). Флексы, флоат это всего лишь способы располагать блоки на странице. Никакой зависимости с адаптивностью они не имеют. Другое дело - когда вы напишите свойства в медиа запросах для конкретного разрешения экрана, например.

Отвечая на вопрос, можно считать сайт адаптивным, если он сверстан с использованием медиазапросов.

Comments

[xonar]

Медиа-запросы не всегда нужны. Что, если различий в стилях нет, а нужное только перестроение блоков с одной оси в другую? Это можно задать глобально для всех версий, например flex-wrap вот и перестроение блоков готов, без вмешательства в стили через медиа.

Если конечно есть существенные различия в стилях для какого-то блока и т.д., то без медиа само собой не обойтись, но если различий нет, то для простого перестроения блоков сойдёт flex

[NaN]

xonar, Ну flex-wrap просто задает перенос блоков как и white-space, например, для пробелов между словами. Это просто свойство, которое автоматом подстраивается под ширину экрана. В этом случае конечно нет смысла использовать медиазпросы.

[NaN]

xonar, Медиазапросы нужно использовать только в том случае, если по другому никак не сделать. То есть да, для какого-то разрешения экрана нужны другие стили. Если какие-то свойства можно сразу задать - то так и нужно делать, но не дублировать их в медиа

[xonar]

NaN, Получается, что не важно каким путём добыта адаптивность, получилось добиться на флексах, то хорошо. Если не получилось на флексах, то медиа использовать. Хочу понять, как лучше подходить к этому вопросу.

[xonar]

NaN, Вот, вот про это я и хотел понять. Спасибо за разъяснения, теперь понял всю суть.