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

Question

[mletov]

Пожалуйста, подскажите:
Есть в мобильных браузерах кнопка "Полная версия сайта".
Сайт показывается на мобильнике так, как он бы показывался на десктопе, но это сам браузер меняет алгоритм отображения на десктопный.

Мне нужно такую же кнопку реализовать на сайте, при просмотре на мобильнике возможность переключения между мобильной и полной версией.

При переключении на мобильную версию все нормально, пишу в хедер

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

для десктопной пишу

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

Все работает, но при переключении на десктопную версию на мобильнике масштаб по умолчанию оригинальный и пользователю приходится вручную масштабировать до нужного размера. Мелочь, а неприятно. Есть ли способ, чтобы сайт принудительно масштабировался под экран.

Answer 1

[iBird Rose]

ну тк viewport не убирай, а меняй. к примеру так:

<meta name="viewport" content="width=980,initial-scale=0.3">

Comments

[mletov]

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

[iBird Rose]

mletov: там еще есть значения maximum-scale и minimum-scale. с ними попробуй