Какие технологии используются для создания адаптивных версий сайтов?

Некоторые технологии, которые используются для создания адаптивных версий сайтов:

• Медиазапросы (Media Queries). kurshub.ru Фундаментальный инструмент адаптивного дизайна, позволяющий определять специфические стили для различных характеристик устройств. kurshub.ru Например, можно задать различные стили для экранов с шириной менее 768px (типичные планшеты) или более 1200px (десктопы). kurshub.ru
• Флексбоксы (Flexbox). kurshub.ru Технология предоставляет гибкий подход к распределению пространства между элементами интерфейса. kurshub.ru Например, позволяет автоматически распределять элементы по контейнеру, выравнивать их по вертикали и горизонтали, изменять порядок элементов без модификации HTML. kurshub.ru
• Гриды (CSS Grid). kurshub.ru Двумерная система компоновки, которая открывает возможности для создания сложных макетов. kurshub.ru В отличие от Flexbox, Grid позволяет одновременно управлять расположением элементов как по горизонтали, так и по вертикали. kurshub.ru

Также для создания адаптивных версий сайтов часто используют метатег Viewport, который отвечает за параметры (высота, ширина, масштаб) области отображения. yandex.ru