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

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

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

Может кто сталкивался?
  • Вопрос задан
  • 4248 просмотров
Пригласить эксперта
Ответы на вопрос 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;
}

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

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

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