diff --git a/frontend/src/responsive.js b/frontend/src/responsive.js
index 3fdd2f4..7c72ae2 100644
--- a/frontend/src/responsive.js
+++ b/frontend/src/responsive.js
@@ -9,12 +9,21 @@ function initViewportSizeHandler() {
         root.style.setProperty("--viewportWidth", "100dvw");
         root.style.setProperty("--viewportHeight", "100dvh");
     } else if (method === "javascriptResponsive") {
-        const updateUnits = () => {
-            root.style.setProperty("--viewportWidth", `${window.innerWidth}px`);
-            root.style.setProperty("--viewportHeight", `${window.innerHeight}px`);
-        };
-        window.addEventListener("resize", updateUnits);
-        updateUnits();
+        if (window.visualViewport) {
+            const updateUnits = () => {
+                root.style.setProperty("--viewportWidth", `${window.visualViewport.width}px`);
+                root.style.setProperty("--viewportHeight", `${window.visualViewport.height}px`);
+            };
+            window.visualViewport.addEventListener("resize", updateUnits);
+            updateUnits();
+        } else {
+            const updateUnits = () => {
+                root.style.setProperty("--viewportWidth", `${window.innerWidth}px`);
+                root.style.setProperty("--viewportHeight", `${window.innerHeight}px`);
+            };
+            window.addEventListener("resize", updateUnits);
+            updateUnits();
+        }
     } else if (method === "normalUnits") {
         root.style.setProperty("--viewportWidth", "100vw");
         root.style.setProperty("--viewportHeight", "100vh");