Какое главное отличие адаптивного макета сайта от отзывчивого?

Question

[vyholkin]

Пожалуйста напишите медиа-запросы адаптивного макеты и отзывчивого. В чем главное отличие их медиа-запросов?

Answer 1

[Константин Давыдов]

Отличия, наглядно, можно посмотреть тут: www.liquidapsive.com

Comments

[vyholkin]

Не могу понять в чем их отличие? Что за контрольный точки?

[Константин Давыдов]

Карен Подосян: Уменьшай и расширяй ширину браузера у adaptive и responsive, всё увидишь.)
Отличий у media запросов нет. Просто у adaptive резкий переход между состояниями (фиксированная вёрстка), а у responsive плавный переход (резиновая вёрстка).

[vyholkin]

Спасибо, вот этот ответ я и ждал! Просто я думал есть в чем то еще отличие...

[Константин Давыдов]

Карен Подосян: Не за что. Я сам попался на этот вопрос, на одном из собеседований.)

[vyholkin]

Константин Давыдов: Какой метод все таки лучше? Какие плюсы и минусы?

[Константин Давыдов]

Карен Подосян: responsive лучше и более популярен, но и сложней в реализации.

Answer 2

[Дмитрий Приходченко]

frontender.info/adaptive-vs-responsive-terminology

Answer 3

[Sanes]

Адаптивный, адаптируется под разные экраны. А отзывчивый не знаю. Наркоманы наверное придумали.

Comments

[Сергей delphinpro]

Они оба адаптируются.
Про наркоманов - согласен :) Выдумали разделение понятий на пустом месте...

Answer 4

[GreatRash]

The Difference Between Responsive and Adaptive Design

Responsive sites and adaptive sites are the same in that they both change appearance based on the browser environment they are being viewed on (the most common thing: the browser's width).

Responsive websites respond to the size of the browser at any given point.

Adaptive websites adapt to the width of the browser at a specific points.

Собственно в этом и разница. Если совсем коротко и по-русски: резина VS фикс (с некоторыми контрольными точками).

UPD: наилучшим подходом я лично считаю комбинацию обоих (например на Тостере именно responsive + adaptive).

Comments

[vyholkin]

Не могли бы показать пример стилей адаптивной страницы и отзывчивого?

[GreatRash]

Карен Подосян: По ссылке есть примеры кода.

Answer 5

[Александр]

Если хотите погрузится полностью в RWD и AWD, то Вам сюда:
https://abookapart.com/products/responsive-web-design

P.S. Дополнительно:
1. alistapart.com/article/responsive-web-design
2. https://studio.uxpin.com/blog/responsive-vs-adapti...
3. mediumwell.com/responsive-adaptive-mobile
4. https://despreneur.com/responsive-web-design-vs-ad...