iphone - 如果用户添加到主页，则更改 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;
}