Как отключить адаптацию налету?

Question

[Дмитрий]

Суть проблемы такова: есть сайт с адаптивной версткой, нужно при нажатии на кнопку либо отключать все медиа запросы, либо в meta width задавать жесткую ширину (к примеру 1000, чтобы медиа запросы для меньшей ширины не срабатывали). И соответственно должно быть обратное, при переходе на мобильную версию с телефона всё должно стать адаптивным.
Все это должно происходить без перезагрузки страницы. Возможно ли такое?
В идеале состояние mobile/fullsize должно сохраняться в local storage или куках

Answer 1

[Юрий Кучеренко]

я делал так

meta(name='viewport', content='width=device-width, initial-scale=1.0')

Добавляешь при клике на кнопку например "полная версия сайта"
P.S Тут код джейда но я думаю ты понял суть

Comments

[Дмитрий]

Спасибо. Правда не совсем получается. делаю

$('meta[name=viewport]').attr('content', 'width=1200, initial-scale=0.1')

медиа запросы для ширины < 1200 перестают срабатывать, но какой бы initial-scale я не ставил, страница не показывается полностью, приходится уменьшать руками

[Юрий Кучеренко]

Дмитрий: странно, я свой пример делал на сайте адаптивном но уже не помню был там зум сходу или нет

[Дмитрий]

всё верно. но если сделать initial-scale=1, то страница не масштабируется, а если потом опять изменить значение на 0.1, то тоже не масштабируется. зато если почистить кэш то всё ок)

[Александр Алексеев]

Дмитрий: уберите initial-scale совсем