Чем отличается адаптивная верстка от фиксированной и резиновой

Адаптивная вёрстка отличается от фиксированной и резиновой следующим образом:

1. Фиксированная вёрстка имеет строго заданную ширину и высоту всех блоков и страницы в целом, которая не меняется в зависимости от ширины и разрешения экрана. webharmony.studio impuls-web.ru Такой подход даёт чёткое понимание того, как сайт будет выглядеть на всех устройствах. webharmony.studio Однако при просмотре страниц с фиксированной вёрсткой на широкоформатных мониторах по бокам будут наблюдаться пустые поля с однородным фоном, а пользователям смартфона придётся часто использовать скролл. webharmony.studio
2. Резиновая вёрстка не привязана к определённой ширине и использует масштабирование. webharmony.studio При такой вёрстке веб-страница изменяет свои размеры в зависимости от ширины окна браузера: при увеличении окна увеличивается и ширина элементов страницы, при уменьшении окна уменьшается и ширина элементов страницы. vc.ru Часто такая вёрстка учитывает только один тип устройств, а опыт пользователей слишком больших и слишком малых экранов игнорируется. vc.ru
3. Адаптивная вёрстка позволяет создавать «живые» сайты, способные перестраивать свои элементы и изменять их размер в зависимости от того, на каком устройстве его просматривают. impuls-web.ru Для этого при разработке сайта изготавливаются сразу несколько макетов (отдельно под каждое разрешение). webharmony.studio Суть адаптивной вёрстки заключается в том, чтобы веб-страница максимально корректно отображалась абсолютно на всех устройствах. webharmony.studio