Как заставить сайт с минимальной шириной 480px влезть в мобильное окошко в 320/375/412 и т.д. в мобильном firefox?

Question

[Leshiy66613]

Сайт с заданной минимальной шириной в 480 пикселей.
В хеде прописано

<meta name="viewport" content="width=device-width">

, боди и остальные необходимые блоки ограничены минимальной шириной. Во всех других популярных мобильных браузерах на android/ios и десктопе все выглядит так как надо, а в мобильном firefox сайт не влазит, и видимая область остается по размеру экрана (например, 320 пикселей). Никто не сталкивался? что с этим можно сделать?
Ширину сайта уменьшать уже нельзя. Все эти параметры (width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no ) не помогают, пробовал от скуки всякое.

Comments

[Александр]

Попробуйте gzip сжатие

[Leshiy66613]

Александр, Оо ммм. И как же?)

[Андрей]

Попробуйте
<meta name="viewport" content="width=480">

[tyzberd]

Андрей, в таком случае на экране с 600, эти 480 растянутся на 600

Answer 1

[tyzberd]

написать скрипт, который будет менять viewport при ширине меньше 480px.
https://stackoverflow.com/questions/15040408/achie...

Comments

[Leshiy66613]

да помогло. Хорошее решение. Спасибо