在我正在处理的Web应用程序中,我尝试了iOS 7.1的新minimal-ui功能(请参阅带有minimal-ui元标记的iOS 7.1中的safari全屏),但我发现了一个问题,即出现了84px高的灰色区域我从画像切换到风景时的底部.此外,document.body.scrollTop切换到横向后更改为64.
您可以使用此"Hello World"Web应用程序查看该问题:http://www.creativepulse.gr/media/blog/2014/20140123-hello-world/example.html
当我在iOS 7.1 iPhone Retina Simulator上的Mobile Safari中加载应用程序时,在纵向模式下一切都很好.但是,切换到横向时,会立即出现灰色区域.
解决此问题的好方法是什么？
我已经阅读了多个站点(包括一些stackoverflow问题),iOS 7.1 Safari将有一个最小的ui元标记.所以今天我更新了我的iPad,似乎没有效果.任何人都可以确认这应该有效吗？
这是我的元标记:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">