test: viewport fit

thenick775 · Dec 21, 2024 · 0aa7ad1 · 0aa7ad1
1 parent 8c3d3d1
commit 0aa7ad1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/gbajs3/index.html b/gbajs3/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" href="/img/favicon.ico" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
     />
     <meta
       name="description"

diff --git a/gbajs3/src/index.css b/gbajs3/src/index.css
@@ -35,6 +35,12 @@ body {
   font-family: 'Calibri', 'Verdana', sans-serif;
 }
 
+html {
+  min-height: calc(100% + env(safe-area-inset-top));
+  padding: env(safe-area-inset-top) env(safe-area-inset-right)
+    env(safe-area-inset-bottom) env(safe-area-inset-left);
+}
+
 html,
 body {
   overscroll-behavior: none;