Design qui s'ouvre en zoomé sur mobile

Utilisation du core de Jeedom Design
8

bonjour résolution design(360x1200) +
viewport +
script viewport

  <meta charset="utf-8">
<meta id="jeedomViewport" name="viewport" content="width=device-width,heigh=device-heigh,user-scalable=0," />

et dans le script

    // jquery
var mvp = $('#jeedomViewport')[0];    
    // js
//var mvp = document.getElementById('jeedomViewport');   
       if (screen.width >= 920) {}
  else {    	

    var scaleX = screen.width / 360;
   mvp.setAttribute('content','initial-scale='+scaleX+'; user-scalable=0;');
   }

edit :

vu que je reçois des mp
pour essai et comprehension
en 1er
on crée un design test de la résolution 360x1200
en 2 on ajjoute un html

<html>
<head>
  <meta charset="utf-8">
<meta id="jeedomViewport" name="viewport" content="width=device-width,heigh=device-heigh,user-scalable=0," /> 

  <script>
        // jquery
var mvp = $('#jeedomViewport')[0];    
    // js
//var mvp = document.getElementById('jeedomViewport');   
       if (screen.width >= 920) {}
  else {    	
    var scaleX = screen.width / 360;
   mvp.setAttribute('content','initial-scale='+scaleX+'; user-scalable=0;');
   }
  </script>

      <style>
/* cache la barre latéral "scroll" sur mobile*/
    @media only screen and (min-width: 300px) and (max-width: 900px){
    html,body {
  overflow-x: hidden; 
   -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
      }
  body::-webkit-scrollbar {display: none; }
      }
  </style>
  
  </head>
</html>