Какие существуют способы адаптивной верстки шапки сайта под разные устройства?

Несколько способов адаптивной вёрстки шапки сайта под разные устройства:

1. Резиновый макет. sales-generator.ru Ключевые блоки сайта сжимаются, пока не достигнут размера экрана мобильного устройства. sales-generator.ru Если сжатие применить невозможно, то блоки располагают друг за другом в виде ленты. sales-generator.ru
2. Перемещение блоков. sales-generator.ru Подходит для сайта с большим количеством колонок. sales-generator.ru Расположение сайдбаров (дополнительных блоков) меняется в зависимости от ширины экрана: экран уменьшается — сайдбары перемещаются вниз макета. sales-generator.ru
3. Переключение макетов. sales-generator.ru Это трудоёмкий способ, который заключается в том, что каждому разрешению экрана соответствует свой, специально разработанный макет. sales-generator.ru
4. Элементарная адаптивная вёрстка. sales-generator.ru Способ, наиболее подходящий для простых сайтов. sales-generator.ru Верстальщик просто масштабирует изображение и типографику. sales-generator.ru

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