我們目前正在構建一個響應式Web應用程序（新聞閱讀器），允許用戶在選項卡式內容之間滑動以及在每個選項卡式內容內垂直滾動。解決該問題的常用方法是使用一個包裝器div來填充瀏覽器視口，將其設置overflow為hidden或auto，然后在其中進行水平和/或垂直滾動。這種方法很棒，但有一個主要缺點：由于文檔的高度與瀏覽器視口完全相同，因此移動瀏覽器不會隱藏地址欄/導航菜單。有許多hack和視口屬性可以使我們獲得更多的屏幕空間，但效果卻不如minimal-uiiOS 7.1中引入的效果。昨天有消息稱iOS 8 beta4已從minimal-uiMobile Safari中刪除（請參閱iOS 8發行說明中的 Webkit部分），這使我們感到奇怪：Q1。是否仍然可以在Mobile Safari中隱藏地址欄？據我們所知，iOS 7 不再對這種window.scrollTo入侵做出響應，這表明我們必須使用較小的屏幕空間，除非我們采用垂直布局或使用mobile-web-app-capable。Q2。是否仍有可能獲得類似的軟全屏體驗？通過軟全屏，我的意思是不使用mobile-web-app-capablemeta標簽。我們的網絡應用程序構建為易于訪問，可以使用本機瀏覽器菜單將任何頁面添加為書簽或共享。通過添加，mobile-web-app-capable我們防止用戶調用這樣的菜單（當菜單保存到主屏幕時），這會使用戶感到困惑和反感。minimal-ui過去是中間地帶，默認情況下隱藏菜單，但可通過輕按使其保持訪問狀態 -盡管Apple可能由于其他可訪問性問題（例如用戶不知道在何處激活菜單）而將其刪除。Q3。全屏體驗值得嗎？似乎全屏API不會很快進入iOS，但是即使這樣，我也看不到菜單如何保持可訪問性（Android上的Chrome也是如此）。在這種情況下，也許我們應該只保留移動瀏覽器，并考慮視口高度（對于iPhone 5+，它是460 = 568-108，其中108包括OS欄，地址欄和導航菜單；對于iPhone 4或更老的是372）。很想聽聽其他選擇（除了構建本機應用程序之外）。