iphone - 如果用户添加到主页，则更改 iPad/iPhone 布局

Question

在 iPhone/iPad 中，您可以通过在页面上使用元标记来删除地址栏。但是，它仅在用户单击“添加到主页按钮”时才有效。

有关更多信息iPad WebApp 在 Safari 中全屏显示

如果用户正在查看没有地址栏的页面（即从主页访问站点），我需要找到一种稍微更改 CSS 的方法。

padding-top:64px;

有没有人找到解决这个问题的方法？

Answer 1

您应该window.navigator.standalone在 JS 中查看，然后，例如，将standalone类设置为HTML元素，因此您可以将以下规则添加到您的 CSS 中，该规则仅在页面添加到主页时应用：

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