iOS 7.1中使用minimal-ui元标记实现Safari全屏显示

8

我在多个网站上(包括一些stackoverflow问题)看到iOS 7.1 Safari将有一个minimal-ui元标记与之对应。今天我更新了我的iPad,但好像没有任何效果。有人能够确认这个应该起作用吗?

这是我的meta标签:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">

1
我刚刚在我的iOS 7.1上的iPhone 5上进行了测试,似乎正常工作。 - Jason Stackhouse
我有同样的问题。它在iOS 7.1的iPad Air上无法工作。我没有iPhone来测试,但我会问别人。 - Anton Kuzmin
通过JavaScript动态更改视口并添加“minimal-ui”无效。当页面从服务器接收时,HTML页面中必须存在视口设置“minimal-ui”。 - Petr Urban
2个回答

8
该选项仅适用于iPhone(当前)。
它可以消除iOS 7.0引入的用户向上滚动时视图窗口顶部和底部的额外条形。在横向方向上,它尤为实用,可以让真正的全屏体验回归,就像iOS 7之前一样。
编辑:
来源:iOS 7.1的官方发布说明
https://developer.apple.com/library/ios/releasenotes/General/RN-iOSSDK-7.1/ 编辑2: 自iOS 8起,不再支持Minimal-UI(感谢“achairapart”)。

你有这方面的官方来源吗? - kannix
我已经在我的回答中添加了iOS 7.1的官方发布说明。它说:...允许最小化iPhone上的顶部和底部栏... - LeJared
2
minimal-ui 视口属性在 iOS 8 中不再受支持。 - null
没错:iOS 8 发布说明文档:https://developer.apple.com/library/ios/releasenotes/General/RN-iOSSDK-8.0/ - LeJared
@LeJared 谢谢你提供的链接。非常有帮助! - dmr07

0

这仅适用于iPhone。UI移除与iOS 6中的过程相同,同样也无法在iPad上工作。如果用户未将页面添加到主屏幕,则无法在iPad上删除Safari UI。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接