Десктопная версия сайта на мобильных

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

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

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


Ответы (1 шт):

Автор решения: Meth0d

Решение

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 + '">');  
}  

→ Ссылка