В чем заключаются особенности верстки адаптивных веб-страниц?

Особенности вёрстки адаптивных веб-страниц:

• Порядок пунктов меню, структура заголовков, блоков текста, картинок максимально близки в обеих версиях. semantica-media.ru
• Идентичный функционал, например, категории, теги, фильтры, режимы отображения товаров в каталоге. semantica-media.ru
• Цветовая гамма, шрифты, логотип и прочие детали брендбука должны быть одинаковыми во всех версиях, делая ресурс узнаваемым. semantica-media.ru
• Кликабельные элементы в мобильной версии удобно касаться пальцем (для этого они должны быть не меньше 44х44 пикселя). semantica-media.ru
• Товары и другие блоки, которые на компьютере идут в ряд, на смартфоне должны располагаться вертикально согласно ориентации экрана. semantica-media.ru
• Подсказки и справки, которые в десктопной версии возникают при наведении курсора, должны размещаться под кликабельным значком, так как на гаджете навести палец невозможно. semantica-media.ru

Адаптивная вёрстка предполагает отсутствие горизонтальной полосы прокрутки и масштабируемых областей при просмотре на любом устройстве, читабельный текст и большие области для кликабельных элементов. html5book.ru