正常情況下，當你用手機瀏覽器打開網頁時，導航就停留在上面，這樣實際展示的屏幕就變小了。
那能不能加載后，屏幕就自動全屏呢？這就是本文要討論的。

Add to Home Screen

說到全屏不得不談iPhone下的safari有一個特別且重要的功能就是“Add to Home Screen”。（就在Safari瀏覽器最下方，最中間的那個位置，點擊選擇即可）
這個功能類似于把網頁地址作為一個超鏈接的方式放到手機桌面，并且可以直接訪問。不過要注意的是每個鏈接都需要js進行一次特殊處理，那就是監聽頁面點擊事件，如果是鏈接，則使用window.location = this.href;，這樣頁面就不會從當前的本地窗口跳到瀏覽器了。
那我們看看具體代碼是怎么處理的。
其實只需要在HEAD代碼里增加一些必要數據：

全屏js代碼

這段代碼本質上就是當前窗口的高度 + 導航欄的高度 獲取到真實的屏幕高度。最后再調用scrollTo方法。