Add viewport-fit to viewport meta in Head component

fabian-hiller · Mar 5, 2024 · b82a1a1 · b82a1a1
1 parent 55828f5
commit b82a1a1
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/website/src/components/Head.tsx b/website/src/components/Head.tsx
@@ -64,7 +64,10 @@ export const Head = component$(() => {
 
       {/* Default metadata */}
       <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, viewport-fit: contain"
+      />
       <meta name="theme-color" content={themeColor.value} />
       <link rel="canonical" href={location.url.href} />
       <link rel="manifest" href="/manifest.json" />