Чем отличается блочная вёрстка от адаптивной?

Блочная вёрстка и адаптивная отличаются подходом к созданию структуры веб-страницы. adminvps.ru www.sravni.ru

Блочная вёрстка предполагает использование блоков (div-элементов) для создания структуры страницы. adminvps.ru Каждая часть сайта помещается в отдельный блок: первый экран, текст о компании, контакты, боковая панель, основной контент и другие. checkroi.ru Затем в CSS задаются размеры ширины блоков, после чего размещается контент. www.sravni.ru Преимущество такого подхода — гибкость, сайт соответствует требованиям любых браузеров. www.sravni.ru

Адаптивная вёрстка — это дальнейшее развитие блочной вёрстки. www.sravni.ru Она автоматически подстраивается под размеры экрана. www.sravni.ru Блокам задают не фиксированную ширину, а ширину в процентах и диапазонах от ширины экрана. www.sravni.ru Если блоку явно не хватает размера — он перемещается под мешающийся блок или размещается над ним. www.sravni.ru Адаптивная вёрстка позволяет отсеивать все необязательные элементы: изображения, графику, основное меню и другие объекты. rookee.ru Пользователь видит перед собой только наиболее значимые блоки, в которых содержится ключевая информация. rookee.ru

Таким образом, блочная вёрстка фокусируется на фиксированном расположении элементов, а адаптивная — на их автоматической адаптации под разные устройства и экраны.