Safari for IOS不需要的功能

Question

这可能是一个随机的问题。我正在开发一个移动Web应用程序，我想尽可能多地给它一个本机应用程序的感觉。我的问题是我在网站上的元素应该在视口中垂直和水平居中，但Safari的IOS浏览器零食栏（见图片）正在破坏外观和感觉。

（OBS这显然不是我的网页）

显示在浏览器底部的列表位于网站顶部，以便覆盖其内容。这是有问题的，因为当这种情况发生时，元素似乎不再居中。

我的问题是。是否有可能使小吃栏推高/压缩网站的内容而不是覆盖它？我真的不知道该怎么去谷歌。

谢谢

Answer 1

所以听起来你想要恢复minimal-ui属性，但不幸的是Apple已经删除了它。然而，一切都没有丢失，你可以做一些黑客攻击。

最流行的技巧可能是向下滚动一个像素，因此safari会自动隐藏这些条形图。

版本1：

window.scrollTo(0,1); 

版本2：

/mobile/i.test(navigator.userAgent) 
&& !location.hash 
&& setTimeout(function() {
      window.scrollTo(0, 1);
    }, 300);​

另一种选择是使用第三方插件，例如Brim，这实际上可以强制屏幕旋转方向，然后极快地向后旋转。