移動Safari瀏覽器中的網頁url欄不「縮小」

我的網站在用於滾動內部元素的主體中有一個包裝，問題（我認爲）是移動Safari瀏覽器無法識別滾動，所以url欄是不調整大小。這是否有其他選擇？移動Safari瀏覽器中的網頁url欄不「縮小」

.wrapper { 
    position: absolute; 
    top: 0; 
    right: 0; 
    left: 0; 
    bottom: 0; 
    overflow: scroll; 
}

使用此設置，移動Safari瀏覽器不像您通常在其他網站上滾動時那樣「縮小」網址欄。

來源

2016-07-28 ThinkingInBits

當前和想要的結果的截圖請。 –

對於移動加這個元標記<meta name="apple-mobile-web-app-capable" content="yes" />

或試試這個：

window.addEventListener("load", function() { 
     // Set a timeout... 
     setTimeout(function() { 
      // Hide the address bar! 
      window.scrollTo(0, 0); 
     }, 0); 
    });

來源

2016-07-28 01:40:57

這並沒有工作 – ThinkingInBits

怪異的....我做了一個編輯，你可以試試這個 –

作爲參考（和信用）：https：//davidwalsh.name/hide-address-bar –

我被移除的位置的解決方案是：絕對在包裝DIV，並替換它：

.wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
}

來源

2016-07-28 02:30:45 ThinkingInBits

移動Safari瀏覽器中的網頁url欄不「縮小」

回答

相關問題