如果没有'minimal-ui”视口属性，我们如何在 iOS 8 上实现软全屏体验？

iOS 8 删除“minimal-ui”视口属性：软全屏解决方法

随着 iOS 8 beta 4 的发布，问题出现了: 在没有minimal-ui视口的情况下，我们还能在iOS设备上创建“软全屏”用户体验吗

关注点：地址栏可见性

全屏体验的挑战之一是隐藏地址栏和导航菜单。传统上，包装 div 填充视口并将溢出设置为隐藏或自动可以解决此问题。但是，此方法会禁止浏览器隐藏这些元素。

修订策略

虽然不再支持minimal-ui 属性，但这个概念仍然存在。用户仍然可以通过“触摸向下拖动”手势来访问它。为了有效地管理此视图状态并计算最小 UI 的尺寸，出现了第三方解决方案，例如 Brim - iOS 8 的视图管理器。

Brim 的实现

Brim 的实现涉及：

1. 创建一个不可见的“treadmill”元素，以确保最小用户界面激活有足够的内容。
2. 使用 Scream 检测页面是否处于最小用户界面模式。
3. 在最小用户界面中禁用文档滚动以防止意外退出。

的好处Brim

结果是平稳过渡到最小 UI 视图，为用户提供全屏体验，而不会影响浏览器功能和可访问性。

其他注意事项

需要注意的是，只有在旋转动画完成后，使用 Scream 检测设备方向才是可靠的

结论

虽然删除minimal-ui视口属性可能看起来像是一个挫折，但像Brim这样的解决方案提供了替代方法来实现“软全屏” iOS 8 设备上的体验，平衡屏幕空间的需求与可访问性和用户满意度。

以上是如果没有'minimal-ui”视口属性，我们如何在 iOS 8 上实现软全屏体验？的详细内容。更多信息请关注PHP中文网其他相关文章！