Как сделать адаптивную шапку для сайта?

Question

[Alex Blinov]

Здравствуйте, делаю сайт. На компе отображается нормально, как нужно, а вот на телфоне нужно сделать, чтобы сайт подстраивался под экран пользователя(примеры на фото). Как это сделать?

На втором фото, то что я хочу осуществить.

Answer 1

[Orbitter]

В head области сайта напишите:

<meta name="viewport" content="width=device-width, initial-scale=1">

Это команда подгонки ширины сайта под ширину экрана.

А дальше уже стилями CSS оптимизируйте.

Answer 2

[Andrew Garfield]

Ван нужно указать ширину в процентах.