Как показать на мобильной версии сайта десктопную?

Question

[Валерий Любимов]

Добрый день. Встал очень интересный вопрос. Есть сайт, адаптирован под десктоп (1200) и планшет (768), на мобилке (320) стоит заглушка. Мета тег вьюпорта стандартный:

<meta name="viewport" content="width=device-width, initial-scale=1">

Клиент теперь хочет показывать на мобильной версии сайта версию без адаптивки (т.е. десктоп в масштабе) при этом сохранив планшетную версию как есть.

Немного упоровшись я понял что задача не самая тривиальная. Может есть какие нибудь варианты решения?

Answer 1

[EvgenyMorozov]

Что значит на 320 стоит заглушка? Сервер что для мобилок отдает?

Comments

[Валерий Любимов]

Заглушка всмысле просто надпись на весь экран о том что нет мобильной версии. Сервер отдает все как надо, просто мы по сути скрываем весь сайт и показываем сообщение.

[boga-net]

Валерий Любимов, попробовать через jquery менять содержимое мета тега при ширине экрана 320рх.
Отменить выше описанную адаптивность для 320
Сразу описывать медиа по типу :
(not 320)
Или max-width and min-width, чтобы на 320 они не применялись

[EvgenyMorozov]

Валерий Любимов, т.е. это просто блок, который лежит поверх верстки? Что будет если скрыть этот блок display:none, версия для планшетов появится?
Про сервер я спрашивал на случай, если для мобильников отдается специальный контент.

[Валерий Любимов]

boga-net, насчет определять мета тег во время загрузки я тоже думал, надо будет попробовать.

Описывать медиа запросы слишком трудозатратно (по сути тогда проще уж адаптировать под мобилки сразу), нужно найти быстрое решение.

[Валерий Любимов]

EvgenyMorozov, версия для планшетов появится да, но она дико кривая поскольку пытается ужаться до размеров мобилы. Стили написаны по принципу mobile-first, в нашем случае читай tablet-first, а мобила сразу игнорировалась в стилях поскольку было такое условие.

[boga-net]

Валерий Любимов, конечно описывать медиа сложно и нудно. Поэтому заранее определять их в интервале, чтобы они работали от 990 до 320. Вроде бы это возможно, просто синтаксис точный не помню - никогда таким не занимался.
Просто и быстро - через jquery.