Изменить начальную шкалу на javascript

Question

Я сделал приложение с телефонной связью. Я не хотел использовать медиа-запросы, потому что мне пришлось изменить все параметры для разных размеров видовых экранов. Моя идея заключалась в том, что я изменяю только встроенный масштаб html-документа с помощью javascript. Я знаю, что я могу изменить первоначальный масштаб с функцией, как я показываю здесь:

if (document.documentElement.clientWidth < 480) { 
     document 
      .querySelector("meta[name=viewport]") 
      .setAttribute('content', 'initial-scale=0.4', 'maximum-scale=0.4', 'width=768'); 
    }; 

, но я хочу, что первоначальный масштаб при ширине 320 пикселей окна просмотра 0 или другими словами 100%. А при ширине видового экрана 720 (Galaxy S3) - 110% или, другими словами, начальная шкала 0,1. Для всех размеров видовых экранов, которые лежат между javascript, следует рассчитать масштаб. Я понятия не имею, как этого добиться! Я очень рад за каждую помощь! Надеюсь, ты меня отменил, я из Германии!

Answer 1

попробовать это:

if (document.documentElement.clientWidth < 480) { 
    document.querySelector("meta[name=viewport]").setAttribute(
      'content', 
      'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'); 

Ссылка: Can I change the viewport meta tag in mobile safari on the fly?