Как масштабировать страницу в размер viewport, если её ширина больше?

Question

[Олег]

Есть верстка, основная ширина которой 1160px. Отображается для разрешений от 1280 и больше. Если разрешение меньше 1280, то ширина макета устанавливается в 640px.

Проблема на устройствах, viewport которых меньше 640. При загрузке часть страницы не видна (уходит за правый край окна). Если тапнуть два раза по страницу, то он масштабирует её так, что она помещается полностью. Необходимо, это масштабирование браузер выполнял сразу при загрузке.

Гуглением нашел несколько подобных вопросов, но предложенные решения не помогли. Перепробовал разные танцы с meta viewport, но пока безуспешно.

upd: верстка develop.omurashov.ru/rus/main.html

Comments

[Lord_Dantes]

Что=то ниче не понятно если честно киньте сайт хоть

[Rustam Bainazarov]

Может, кхм, сделать адаптивность?

[Олег]

Рустам Байназаров, ну адаптивность сделана. Её смысл описан выше. Ожидается, что для всех разрешений от 1280 мы видим десктопную версию. Для того, что меньше - адаптивную. Но ширина адаптивной 640, что больше, чем разные там 320. Доверстывать под 480/320 и так далее не представляется возможным. Верстка делалась года 3 назад и досталась по наследству. В целом, все в ней ок, кроме описанной проблемы.

[Олег]

slave, добавил ссылку в пост.

Answer 1

[Meakin]

<meta name="viewport" content="width=device-width, intial-scale=1">

Где мета поставь, если не получится задай вручную размеры (ширину, высоту, height width)

Comments

[Nikita]

Давно пользуюсь это штукой, но возникла проблема, она не работает с блоками в position fixed, как быть? Как выводить попапы?