Better fix for zoom on phone

ToonTalk · Nov 24, 2024 · 7b7ffae · 7b7ffae
1 parent 14de4cd
commit 7b7ffae
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/apps/embeddings/responsive-html-v2.html b/apps/embeddings/responsive-html-v2.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
     <title>Language through the Lens of AI: The Story of Embeddings</title>
     <style>
         /* Base styles */
@@ -33,6 +33,11 @@
             color: var(--primary-color);
             background-color: var(--background-color);
             padding: var(--body-padding);
+            width: fit-content;
+            min-width: 100%;
+            text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+            -moz-text-size-adjust: 100%;
         }
 
         /* Container styles */
@@ -41,8 +46,7 @@
             margin: 0 auto;
             padding: 0 1rem;
             width: 100%;
-            min-width: 320px; /* Minimum width to prevent extreme squishing */
-            overflow-x: hidden;
+            min-width: fit-content;
         }
 
         /* Ensure long words (like emails or URLs) don't overflow */