我正在使用网络应用程序并使用模拟器在iPhone X上进行测试,状态栏完全是黑色的.如何让我的网站覆盖整个屏幕?我没有使用任何图书馆; 我看过许多提到Cordova的问题,但我所拥有的只是带CSS的HTML.
这是我头脑中的HTML代码.
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="viewport-fit=cover, width=device-width, initial-scale=1.0" name="viewport">
<title>My PWA</title>
<link rel="stylesheet" href="/assets/styles/design.css">
</head>
Run Code Online (Sandbox Code Playgroud) 这是我正在处理的项目(代码被复制除了名称改变等)
https://c9.io/schwigri/strange-crash/workspace/index.html
div #logo具有以下风格:
#logo {
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
Run Code Online (Sandbox Code Playgroud)
这会导致OS X 10.8.5上的Safari 6.0.5立即崩溃.如果我删除这些转换它不会崩溃.
我该如何解决这个问题?