Open cloudyyoung opened 1 year ago
A guide to follow: https://dev.to/oncode/display-your-pwa-website-fullscreen-4776. Only need to concern pages in /app
scope.
Please add the following to index.html
and make sure all page contents are within safe area:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Adapt safe area concept on superview screens, eg iPhone X and models after, and similar android models.
https://developer.apple.com/design/human-interface-guidelines/foundations/layout/#platform-considerations