Skip to content

Instantly share code, notes, and snippets.

@luckydonald

luckydonald/iOS_11_webapp_statusbar_issues__index.html

Last active June 14, 2018 18:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save luckydonald/66f4c08a56121c50472cb77bae67fe4c to your computer and use it in GitHub Desktop.
Save luckydonald/66f4c08a56121c50472cb77bae67fe4c to your computer and use it in GitHub Desktop.
Download ZIP
iOS 11 webapp statusbar issues. See also https://stackoverflow.com/a/50863655/3423324 and https://imgur.com/a/YlFlbyf.
Raw
iOS_11_webapp_statusbar_issues__index.html
<html>
<head>
<title>Test</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-title" content="something" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, height=device-height">
<style>
html {
background-color: hotpink;
}
div.everything {
position: fixed;
top:50%;
left:0;
right:0;
bottom: 0;
background-color: chartreuse;
}
</style>
</head>
<body>
<div class="everything"></div>
<button onclick="location.reload()">reload</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment