Виды верстки: адаптивная, респонсив??

Question

[coi1751]

Я честно гуглил, но обилие различной информации не дало полностью разобраться, найдется ли здесь человек, который сможет разъяснить адаптивной верстки. Как я прочитал, есть респонсив верстка, есть адаптивная верстка, и это все адаптивная верстка... Заранее спасибо за разъяснение этой темы, которая, на данный момент, кажется мне похлеще, чем все тайны мироздания))

Comments

[Ярослав Иванов]

есть адаптивная а есть не адаптивная.

[Максим Грищенко]

Ярослав Иванов,
не важно, адаптивная или не адптивная верстка — главное что НЕ не адаптивная

[spike__x]

Как я думаю, Responsive используется гибкая структура страницы резиновый макет, пропорции и размеры элементов которой задаются в процентах. Помимо резиновой структуры, используются гибкие изображения, резиновые текстовые блоки. responsive версии веб-сайта используются медиа запросы.
Адаптивная внешне похожа на респонсив, но различием между ними является то, что для адаптивного веб-сайта заранее создается набор различных вариантов шаблонов для устройств с разной шириной экранов, а также определяется функционал, которым может обладать определенная версия для определённых типов устройств.
универсального решения нет

[alex-1917]

а зачем вообще нужен ответ на такой вопрос?)) курсовик что ли пишете?))

Answer 1

[Максим Грищенко]

В чём разница между адаптивной и респонсив вёрсткой?

Адаптивная (adaptive) вёрстка подстраивается под конкретные размеры экранов, при этом не уделяется внимание промежуточным состояниям. То есть при изменении ширины окна браузера вёрстка сайта перестраивается только в определенные моменты. Отзывчивая (responsive) вёрстка подстраивается под все возможные размеры экранов, при этом по аналогии с адаптивной при определенной ширине предполагаются изменения в сетке сайта.

Источник: https://csssr.ru/order

Answer 2

[dom1n1k]

Если погружаться в историческую терминологию, то адаптив это когда под разные устройства без промежуточных состояний, респонсив - это плавная адаптация (такой вот каламбур) под любой размер экрана.
У Веб-стандартов и Вадима Макеева есть Шорт на эту тему: https://www.youtube.com/watch?v=srUZ9E4qQlQ

Но по факту же это буквоедство устарело, второй подход закономерно победил, и сейчас в обиходе адаптив и респонсив - это синонимы.
Подобно тому, как ещё раньше разделяли liquid и fluid верстки (это разновидности того, что в русской среде называют резиной) - сейчас отличия между ними тоже никого не интересуют.

Сейчас есть три глобальных типа верстки: фикс, резина и адаптивность/отзывчивость (называйте как хотите).