Задать вопрос
@iliyaisd

Как вписать актуальную ширину страницы в доступную ширину устройства?

Похоже, задача элементарная, но никак не получается. Подскажите, пожалуйста.
Есть страница. Для body стоит min-width = 450px
Как сделать, чтобы при открытии на устройстве с шириной 320 шкала уменьшалась настолько, чтобы вся страница по ширине умещалась на ширину устройства?
Вот так не получилось:
<meta name="viewport" content="width=device-width">

Если пытаюсь выставлять scale при помощи javascript, то результат совсем странный: ширина всё ещё не помещается в устройство, зато все элементы и шрифты уменьшаются.
Заранее спасибо.
  • Вопрос задан
  • 208 просмотров
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Ничего не делать. Тогда девайсы сами сожмут страницу.
Ответ написан
@Darth_Solo
Падаван области Фронт-энда.
Понятное, дело если вы установите размер контейнера меньше, то содержимое будет "вылезать" по причине фиксированых размеров.
Вам нужно создать точку mq в которой вы переопределите размеры как контейнера, так и контента.
И советую вам при такой ширине указывать уже в процентах, если дизайн позволяет.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы