Как можно «на лету» переключать между адаптированной версией и десктопной?

Question

[sadieff]

Разработчики, приветствую!

Не могу реализовать одну фичу. Есть онлайн редактор, в котором можно работать на экранах от 1000 пикселей. Я хочу сделать так: если юзер зашел с мобильного, ему показывается очень укороченный функционал, но есть кнопка открыть полную версию, которая покажет страницу в масштабе.

Пробовал сделать через viewport

и выводить fixed окно для мобильных. Но в таком случае у меня некоторые блоки с текстом телефон делает огромным размером шрифта.

Схематично нарисовал тут: https://yadi.sk/i/BiOMtzpr3aMfTT

Comments

[sadieff]

SmInc, а я и не писал, что надо обновить всю верстку. Для мобилок будет показано окно на весь экран с position: fixed. А если хочет, окно закрывает и работает с редактором, суть в масштабировании. Собственно ответ ниже мне и помог

Answer 1

[lamer350]

Все стили адаптивной верстки загрузите в отдельный css файл.
На js манипулируйте этими стилями, удаляя/прикрепляя этот файл.

Проблема со шрифтами - другая история, профиксить можно одной строчкой -webkit-text-size-adjust: 100%;

Comments

[sadieff]

-webkit-text-size-adjust: 100%; то что мне нужно, спасибо!