viewport to JS (css deprecated)

Y/Ada-S2/tps.html

@@ -7,7 +7,6 @@ See http://ocsigen.org/ and http://caml.inria.fr/ for information -->
   <title>TP Ada S2</title>
   <meta content="text/html; charset=utf-8" http-equiv="content-type" />
   <link media="all" href="../ystyle.css" rel="stylesheet" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="../Scripts/yfold.js"></script>
 </head>
 

Y/Scripts/yfold.js

@@ -94,6 +94,12 @@ function toggleYfold(id) {
 
 window.onload = function() {
   console.log("DOM loaded.")
+
+  var meta = document.createElement('meta')
+  meta.setAttribute('name', 'viewport')
+  meta.setAttribute('content', 'width=device-width, initial-scale=1.0')
+  document.querySelector('head').appendChild(meta)
+
   var snippets = document.getElementsByTagName("code");
   for (var snippet of snippets) {
     if ((snippet.classList.value.includes("page")) || (snippet.classList.value.includes("block"))) {

Y/ystyle.css

@@ -4,13 +4,6 @@
   src: url('/Y/Poppins-Light.ttf') format('truetype');
 }
 
-/* VIEWPORT */
-@viewport {
-    width: device-width;
-    initial-scale: 1.0;
-    zoom: 1;
-}
-
 /* règles generéales */
 * {
   margin: 0px;