Задать вопрос
CEPII
@CEPII
Житель убежища 101
css

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

Здравствуйте, делаю сайт. На компе отображается нормально, как нужно, а вот на телфоне нужно сделать, чтобы сайт подстраивался под экран пользователя(примеры на фото). Как это сделать?
5cbdddcab0f10192835355.png5cbdddd642d54461140695.png
На втором фото, то что я хочу осуществить.
  • Вопрос задан
  • 83 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Orbitter
В head области сайта напишите:
<meta name="viewport" content="width=device-width, initial-scale=1">


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

А дальше уже стилями CSS оптимизируйте.
Ответ написан
Комментировать
Комментировать
Garfields
@Garfields
Ван нужно указать ширину в процентах.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Верстка сайта и натяжка на wordpress
25 апр. 2024, в 19:22
18000 руб./за проект
Создать телеграмм бот на Python
25 апр. 2024, в 19:21
10000 руб./за проект
Разработка дизайна для мобильного приложения
25 апр. 2024, в 18:47
2795100 руб./за проект
Ещё заказы