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

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

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

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

Может кто сталкивался?
  • Вопрос задан
  • 4250 просмотров
Подписаться 5 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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;
}

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

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

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