Как сделать, чтобы на мобильных устройствах открывалась отдалённая полная версия сайта?

Question

[del993788]

Здравствуйте. У меня нет мобильной версии сайта, есть только полная. Я хочу, чтобы на мобильниках открывалась полная версия, но из-за того, что рендер viewport на мобильных устройствах намного меньше физических пикселей, то у меня на мобильных устройствах открывается полная версия, но приближённая (зуммированная). Юзер может отдалить, чтобы увидеть сайт полностью, но как сделать, чтобы это было на автомате, сразу зум на минимум?

Comments

[codingal]

чем медиа запросы CSS не подходят ?

[del993788]

codingal, поддержка у браузеров нулёвая

[codingal]

qqignatqq, какие именно браузеры вы хотите поддерживать? IE 8 и ниже ?

[del993788]

codingal, подождите, я перепутал. Через media такое не реализовать, а у css viewport полной браузерной поддержки нет

[Владислав Лысков]

qqignatqq, вообще никакой https://caniuse.com/#search=%40media

[del993788]

Владислав Лысков, на media нельзя отдалить. Можно отдалить на viewport, но на нём поддержки действительно вообще никакой https://caniuse.com/#search=%40viewport

[Владислав Лысков]

qqignatqq, потому что тебе нужен не css-свойство viewport, а мета-тег viewport

[del993788]

codingal, да ё маё, вы серьёзно мои комментарии не читаете?

[codingal]

qqignatqq, код исходника и скрины сделайте, как есть и как должно быть

[Lander]

А у меня другое уточнение: Зачем?
Я просто не придумал для чего такое может понадобиться. Я не с целью поиздеваться, а для опыта спрашиваю.

[del993788]

Lander, заказчик не хочет платить за мобильную версию, поэтому нужно сделать полную на мобильниках, но без зума

Answer 1

[Олег]

решение в лоб жестко в html будет хорошо работать только на устройствах с определенной диагональю.
поэтому через document.getElementById("viewport").setAttribute("content", поставьте нужный initial-scale
Рассчитать можно через соотношение ширины макета (известная константа) и ширины в пикселеях устройства.

https://www.wearecube.ch/how-to-do-responsive-opto...

почему так https://mediag.com/blog/popular-screen-resolutions...
ширина viewport у разных устройств разная.