Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
iOS 11 webapp statusbar issues. See also https://stackoverflow.com/a/50863655/3423324 and https://imgur.com/a/YlFlbyf.
<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