Fullscreen when added as "Bookmark" to iOS Homescreen

I could not tolerate the iOS status bar on top of this beautiful simulation.
That's why.

Idea: https://itnext.io/make-your-pwas-look-handsome-on-ios-fd8fdfcd5777
This commit is contained in:
Matthias Seemann
2022-09-24 21:45:15 +02:00
committed by GitHub
parent e76c9cf7be
commit b4c555c912

View File

@@ -3,8 +3,16 @@
<head>
<title>Matrix digital rain</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes"></meta>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"></meta>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
<style>
@supports (padding-top: env(safe-area-inset-top)) {
body {
padding: 0;
height: calc(100% + env(safe-area-inset-top));
}
}
body {
background: black;
overflow: hidden;