1

Подскажите как можно сделать так чтобы сайт на мобильном устройстве отображался точно так же как и на десктопной версии (то есть абсолютно то же самое, только уменьшенный вариант).

meta name="viewport" content="width=device-width - удалил в теге все кроме этого и на андроиде все выглядит нормально. но на айфонах (проблема не в мобильном сафари) все равно появляется горизонтальный скролл.

Сайт никак не адаптирован и необходимо чтобы в мобильной версии отображался именно десктопная версия.

2
  • Вы ставили overflow: hidden для body? 29 июл 2021 в 7:40
  • @highpassion, да, ставил. Во viewport поставил initial-scale=0. Я так понял это максимально отдаляет сайт при инициализации. И опять, на андроиде все нормально, а на айфонах не работает
    – Meth0d
    29 июл 2021 в 8:01

1 ответ 1

2

Решение

if (window.devicePixelRatio !== 1) {    
      var dpt = window.devicePixelRatio;
      var widthM = window.screen.width * dpt;
      var widthH = window.screen.height * dpt;
      document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');  
}  

Ваш ответ

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

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