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

Как в мобильных браузерах растягивать макет в 240пх на весь экран (viewport)?

Имеется html-страничка статической шириной 240px.
Хочется добиться эффекта, чтобы все android/iPhone браузеры растягивали её на всю ширину окна с отключенным user-scalable

В обратную сторону (сжатие) нормально всё работает, а вот на расширение до фуллскрина не нашел вариантов.

Может кто сталкивался?
  • Вопрос задан
  • 4255 просмотров
Подписаться 5 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
@1nd1go
<meta name="viewport" content="width=240">;


Вроде так.
Ответ написан
Комментировать
По-моему android и iphone прекрасно понимают media queries

Так почему бы не использовать их?
Что-то вроде:

@media only screen and (min-width: 240px), only screen and (min-device-width: 240px) {

#more-than-240px {
background:red;
}

}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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