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

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