iPad WebApp全屏无法正常工作

时间:2015-09-01 00:18:18

标签: ipad web-applications safari mobile-safari iphone-standalone-web-app

当我为其创建Web应用程序时,我的网站曾经全屏工作,但最近它不再以全屏显示。新的iOS版本或新的Safari版本是否有变化?

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

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

由于 RF

1 个答案:

答案 0 :(得分:3)

这是一个在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">