iPad WebApp 全屏无法正常工作

Question

当我为其创建 Web 应用程序时，我的网站曾经以全屏方式运行，但最近它不再以全屏方式显示。新的 iOS 版本或新的 Safari 版本有什么变化吗？

我仍然有元标记:<meta name="apple-mobile-web-app-capable" content="yes">

为了确认，我正在刷新网站并将书签添加到主屏幕。我似乎无法弄清楚发生了什么变化。

谢谢 射频

Answer 1

每当 IOS 更新时，这个问题都会给我们带来很多问题。那么现在 iOS 9 来了，我们再次寻找答案。我很高兴地说我们已经找到了解决方案，它可能也适合您。

对于 iOS 8，我们发现添加以下元标记

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimal-ui">

...使用 JS 将页面滚动一点并返回到顶部即可解决问题 - 这不再适用于 iOS9

window.scrollTo(0, 1);
window.scrollTo(0, 200);
setTimeout(function() {
    window.scrollTo(0, 1);
}, 100);

但是，我们现在发现，稍微更改元标记再次纠正了问题(注意比例):

<meta name="viewport" content="width=device-width,initial-scale=1.01,minimal-ui">