1

Заданы такие настройки viewport:

viewport: 'width=480, initial-scale=1, maximum-scale=1',

Это необходимо для того чтобы дизайн на маленьких разрешениях выглядел также как на 480. Но по умолчанию при посещении сайта весь контент увеличивается и приходится уменьшать масштаб, чтобы всё было видно. Как убрать это увеличение по умолчанию?

Проблема здесь, в моб.версии:

http://wd38.ru/projects/site-new-smile/

1
  • А как вы поняли, что у вас проблема? По ссылке, что вы скинули всё работает. Ну... Разве что, если зайти с ПК, включить отладчик браузера, а потом переключить в режим мобильного устройства, то viewport так и остаётся <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">. Но если потом обновить страницу, то всё становится хорошо: <meta name="viewport" id="viewport" content="width=480; initial-scale=0.7; maximum-scale=1">. 8 дек 2018 в 22:20

1 ответ 1

1

Заменить строку: <meta name="viewport" content="width=480, initial-scale=1, maximum-scale=1">

На строку: <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

5
  • такой способ не помог
    – stiv
    6 дек 2018 в 2:25
  • А если так: <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" />
    – Garicko
    6 дек 2018 в 2:35
  • Читайте вопрос внимательнее: Необходимо чтобы дизайн на маленьких разрешениях выглядел также как на 480
    – stiv
    6 дек 2018 в 2:53
  • Тогда только через медиа-запрос: @media screen (max-width: 480px). Возможно как-то можно ещё через JS...
    – Garicko
    6 дек 2018 в 3:52
  • через медиа запрос нужно менять дизайн. Нужно чтобы просто было масштабирование
    – stiv
    6 дек 2018 в 4:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.