如果沒有「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中文網其他相關文章！