Question

我正在为一个客户的网站工作，并注意到当我在使用iOS 9的设备上将网站固定到主屏幕时，启动画面不再显示。

此特定测试针对的是iPhone 6 + / 6s +。但是，如果我在iOS模拟器中切换到iOS 8.4，它会按预期显示启动画面。

任何可能改变的想法？我尝试在谷歌和这里搜索，但我没有遇到任何关于这个问题。

我在下面提供了我的代码。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>iOS Splash Screen Test</title>
    <meta name="description" content="iOS Splash Screen Test" />

    <!-- iOS: Safari -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="iOS Splash" />

    <!-- iPhone 6+/6s+ -->
    <link href="http://placehold.it/180x180.png" sizes="180x180" rel="apple-touch-icon" />

    <link href="http://placehold.it/1242x2148.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image" />

    <link href="http://placehold.it/1182x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image" />
</head>

<body>
    Placeholder text.
</body>
</html>

启动画面未显示在iOS 9 Safari中

0 个答案: