09.12.2020
36659

Резиновая верстка

Максим Волошин
автор ApiX-Drive
Время прочтения: ~1 мин

Резиновая верстка — подход к веб-разработке, в рамках которого создают масштабируемые сайты, способные подстраиваться под разрешение текущего экрана.

Ранние веб-ресурсы имели фиксированную ширину, а потому их было неудобно использовать на некоторых дисплеях. Сайт мог не влезать в окно или, наоборот, был слишком маленьким.

Эти проблемы частично решила резиновая верстка. Ее суть заключается в относительной ширине сайтов. Разработчик указывает размер каждого блока не в пикселях, что характерно для фиксированной верстки, а в процентах от размера внешнего блока. В результате резиновые сайты подстраиваются под разные разрешения экранов и габариты окон. Читать такой ресурс на разных компьютерах удобнее.

Свяжите сервисы между собой без программистов за 5 минут!

Не стоит путать резиновую верстку с адаптивной. Последняя не просто масштабирует сайт, но также трансформирует его элементы так, чтобы ресурс лучше смотрелся на самых маленьких экранах. Например, если на большом дисплее отображается панель навигации, на маленьком она может сворачиваться до размеров одной кнопки. 

Адаптивная верстка более современная. Ее разработали специально для мобильных устройств. Поэтому выполненные в ней сайты оптимально выглядят не только на компьютерах, но также на планшетах и смартфонах.

***

Вернуться на главную Энциклопедия eCommerce

Настроить интеграцию без программистов ApiX-Drive

Статьи о маркетинге, автоматизации и интеграциях в нашем Блоге