"Адаптивная" вёрстка + ссылка "перейти к полной версии"

Question

[Alex Babak]

Всем привет,

Есть "адаптивная" вёрстка со стилем для мобильников типа
@media (max-width: $Npx) { ... }

Плюс хочка заказчика -- кнопка "перейти к полной версии", которая позволила бы увидеть полную версию на том же мобильнике. Может быть, есть бесплатные идеи по изящному воплощению такой кнопки на стороне клиента без лишнего дублирования стилей?

Спасибо.

Comments

[Юрий Лобанов]

Вот нажал пользователь на кнопку "Полная версия", что дальше? При переходе на какой-нибудь раздел - он опять должен увидеть полную версию? Или снова мобильную версию и кнопку? Просто представленные решения я так понимаю этот момент не учитывают.

[Дмитрий]

iiil, для этого есть cookie.

[Юрий Лобанов]

@webmix, я знаю, что для этого есть cookie, и знаю как это сделать, потому и спрашиваю в уточнениях.

[Alex Babak]

@iiil да, это понятно, спасибо

Answer 1

[Дмитрий]

Я бы сделал так (средствами javascript, jquery): без перезагрузки страницы в хэде убираем тэги, которые "заставляют" страницу быть адаптивной (и соответствующие js, если используются):

<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

Таким же образом, для надежности, можно убрать и css с установками адаптивности (предварительно выделив его в отдельный файл).

Все то же можно сделать и с перезагрузкой страницы - средствами php, или на чем там сайт.

Answer 2

[Артур Пантелеев]

Делать перезагрузку страницы, и перед построением DOM дерева запустить JavaScript который изменит document.body.clientWidth