Сценарии работают только половину времени

Question

Я добавил 2 скрипта в голову моего сайта. Первый изменит масштаб на 0,75, если ширина устройства меньше 480 пикселей, а вторая будет перезагружать страницу, если ориентация устройства будет изменена. Оба, похоже, работают в половине случаев при перезагрузке страницы или изменении ориентации моего устройства Android. Ive пытался использовать их самостоятельно и в разных браузерах. Что-то не так с кодом? Это мое устройство?

<meta id="myViewport" name="viewport" content="width=device-width"> 
    <script> 
     window.onload = function() { 
      if(window.innerWidth < 480) { 
       var mvp = document.getElementById('myViewport'); 
       mvp.setAttribute('content','initial-scale=0.75'); 
      } 
     } 
    </script> 
      <script> 
    window.onorientationchange = function() { 
     var orientation = window.orientation; 
      switch(orientation) { 
       case 0: window.location.reload(); 
       break; 
       case 90: window.location.reload(); 
       break; 
       case -90: window.location.reload(); 
       break; } 
    } 
    </script> 

Answer 1

Попробуйте mergin его в одном скрипте под названием в событии загрузки:

window.onload = function() { 
    if (window.innerWidth < 480) { 
     var mvp = document.getElementById('myViewport'); 
     mvp.setAttribute('content', 'initial-scale=0.75'); 
    } 

    window.onorientationchange = function() { 
     var orientation = window.orientation; 
     switch (orientation) { 
      case 0: 
      case 90: 
      case -90: 
       window.location.reload(); 
       break; 
     } 
    }; 
}; 

Затем попробуйте запустить его и скажите мне, что происходит.

Answer 2

Хорошо спасибо. Я понял это сам. На самом деле это была проблема с созданием макета жидкости.