如果用戶添加到主頁，則更改iPad/iPhone佈局

Question

在iPhone/iPad中，您可以通過在頁面上使用元標記來刪除地址欄。但是，只有當用戶點擊「添加到主頁按鈕」時纔有效。

欲瞭解更多信息iPad WebApp Full Screen in Safari

我需要找到一種方法來稍微改變CSS，如果用戶正在瀏覽的頁面沒有地址欄（即，訪問來自主頁的網站）。

padding-top:64px; 

有沒有人找到解決這個問題的方法？

Answer 1

你應該看看JS window.navigator.standalone，然後，例如，設置standalone類HTML元素，所以你可以添加下面的規則你的CSS網頁時被添加到網頁上，將只適用於：

.standalone .yourElement { 
    padding-top: 64px; 
}