diff --git a/src/login.html b/src/login.html
index c87a5cb..7c3b5f1 100644
--- a/src/login.html
+++ b/src/login.html
@@ -58,9 +58,14 @@
         </mdui-layout-main>
     </mdui-layout>
     <script>
-        if (window.innerWidth > 800) {
-            document.getElementById("cards").style.transform = "translateY(-50%)"
-            document.getElementById("toc-drawer").setAttribute('open', true);
+        if (window.innerHeight > window.innerWidth) {
+            var size = window.innerHeight / window.innerWidth
+            document.body.style.zoom = size
+        } else {
+            if (window.innerWidth > 800) {
+                document.getElementById("cards").style.transform = "translateY(-50%)"
+                document.getElementById("toc-drawer").setAttribute('open', true);
+            }
         }
         function logins() {
             document.getElementById("loginbtn").setAttribute('loading', "");
diff --git a/src/manage.html b/src/manage.html
index ded40b5..8ae2b2d 100644
--- a/src/manage.html
+++ b/src/manage.html
@@ -58,10 +58,14 @@
         </mdui-layout-main>
     </mdui-layout>
     <script>
-        console.log(window.innerWidth)
-        if (window.innerWidth > 800) {
-            document.getElementById("cards").style.transform = "translateY(-50%)"
-            document.getElementById("toc-drawer").setAttribute('open', true);
+        if (window.innerHeight > window.innerWidth) {
+            var size = window.innerHeight / window.innerWidth
+            document.body.style.zoom = size
+        } else {
+            if (window.innerWidth > 800) {
+                document.getElementById("cards").style.transform = "translateY(-50%)"
+                document.getElementById("toc-drawer").setAttribute('open', true);
+            }
         }
         function change_passwd() {
             if (document.getElementById("passwd").value === document.getElementById("check_passwd").value) {
diff --git a/src/resetpasswd.html b/src/resetpasswd.html
index 1db0800..867c124 100644
--- a/src/resetpasswd.html
+++ b/src/resetpasswd.html
@@ -52,9 +52,14 @@
         </mdui-layout-main>
     </mdui-layout>
     <script>
-        if (window.innerWidth > 800) {
-            document.getElementById("cards").style.transform = "translateY(-50%)"
-            document.getElementById("toc-drawer").setAttribute('open', true);
+        if (window.innerHeight > window.innerWidth) {
+            var size = window.innerHeight / window.innerWidth
+            document.body.style.zoom = size
+        } else {
+            if (window.innerWidth > 800) {
+                document.getElementById("cards").style.transform = "translateY(-50%)"
+                document.getElementById("toc-drawer").setAttribute('open', true);
+            }
         }
         function logins() {
             document.getElementById("loginbtn").setAttribute('loading', "");
diff --git a/src/signup.html b/src/signup.html
index 409aa29..c1f8990 100644
--- a/src/signup.html
+++ b/src/signup.html
@@ -59,10 +59,14 @@
         </mdui-layout-main>
     </mdui-layout>
     <script>
-        console.log(window.innerWidth)
-        if (window.innerWidth > 800) {
-            document.getElementById("cards").style.transform = "translateY(-50%)"
-            document.getElementById("toc-drawer").setAttribute('open', true);
+        if (window.innerHeight > window.innerWidth) {
+            var size = window.innerHeight / window.innerWidth
+            document.body.style.zoom = size
+        } else {
+            if (window.innerWidth > 800) {
+                document.getElementById("cards").style.transform = "translateY(-50%)"
+                document.getElementById("toc-drawer").setAttribute('open', true);
+            }
         }
         function signup() {
             if (document.getElementById("passwd").value === document.getElementById("check_passwd").value) {