Мобильная версияКак сделать отзывчивым только заголовок? ⇐ CSS
-
Гость
Как сделать отзывчивым только заголовок?
Существует старый веб-сайт, не оптимизированный для маленьких экранов (PHP + HTML/CSS/JS).
Тег отсутствует в шапке, поэтому содержимое страницы отображается подстраиваясь под размер экрана - получается миниатюрно. Сайт далеко не полностью адаптирован под мобильные устройства, но есть желание сделать хотя бы шапку адаптивной.
То есть предполагается, что при открытии на мобильном устройстве шапка будет выглядеть как прямоугольник с логотипом и значком «гамбургера», который обычно используется в таких случаях. Нажимая на иконку гамбургера, мы видим модальное окно с пунктами меню.
Моих знаний недостаточно.
Правильно ли я понял, что без тега , медиазапросы и контейнерные запросы не работают?
Если я укажу тег в шапке, то получится, что теперь все страницы нужно адаптировать.
Если я не укажу , то операторы в медиа-запросах не применяются.
Как я могу сделать только заголовок пока адаптивный?
Источник: https://stackoverflow.com/questions/781 ... responsive
Существует старый веб-сайт, не оптимизированный для маленьких экранов (PHP + HTML/CSS/JS).
Тег отсутствует в шапке, поэтому содержимое страницы отображается подстраиваясь под размер экрана - получается миниатюрно. Сайт далеко не полностью адаптирован под мобильные устройства, но есть желание сделать хотя бы шапку адаптивной.
То есть предполагается, что при открытии на мобильном устройстве шапка будет выглядеть как прямоугольник с логотипом и значком «гамбургера», который обычно используется в таких случаях. Нажимая на иконку гамбургера, мы видим модальное окно с пунктами меню.
Моих знаний недостаточно.
Правильно ли я понял, что без тега , медиазапросы и контейнерные запросы не работают?
Если я укажу тег в шапке, то получится, что теперь все страницы нужно адаптировать.
Если я не укажу , то операторы в медиа-запросах не применяются.
Как я могу сделать только заголовок пока адаптивный?
Источник: https://stackoverflow.com/questions/781 ... responsive
