Html 当我指定了视口时，为什么智能应用横幅部分/完全隐藏在Safari中？

我想添加到Apple app Store中应用程序的链接。当我没有指定视口元标记时，它似乎可以正常工作。如果我有一个完全移动友好的视口，则在页面加载后，智能应用标题完全隐藏在“地址栏后面”，如果我有一个指定宽度为840的视口，则智能应用标题部分隐藏在地址栏中

为什么会这样，我可以让智能应用横幅始终完全显示出来吗

正在工作，没有视口 智能应用程序横幅显示正确。您可以滚动以隐藏它

<meta name="apple-itunes-app" content="app-id=284882215">

完全隐藏，反应迅速 智能应用横幅隐藏在地址栏后面（你可以看到模糊的蓝色Facebook徽标）。您可以滚动以隐藏/显示它

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-itunes-app" content="app-id=284882215">```

```

部分隐藏，视口宽度=840 智能应用标题部分隐藏在地址栏后面。您可以滚动以完全隐藏/显示它

<meta name="viewport" content="width=840, user-scalable=yes" />
<meta name="apple-itunes-app" content="app-id=284882215">

---

这只能在真正的iPhone上的Safari中进行测试，在私人模式下进行测试最容易，因为如果你滚动/重新加载页面，智能应用标题的外观会发生变化。

最初强制窗口滚动到顶部为我解决了这个问题

<script type="text/javascript">
    $(window).load(function() {
        $(window).scrollTop(-100);
    });
</script>

$（窗口）。加载（函数（）{
$（窗口）.scrollTop（-100）；
});

使用

它将显示智能横幅。

此问题也会影响

一个对我们有效的普通javascript解决方案是：

window.onload = function() {
  window.scrollTo(0, -100);
};

---

我也有同样的问题！如果你明白了，请发布一个答案。很遗憾，我们无法看到safari如何将横幅注入页面，然后我们可以更好地调试它。但是，如果你重新加载页面并希望与以前一样处于相同的位置，这是非常令人恼火的。不幸的是，这对我们不起作用。似乎页面布局的其他部分会导致问题。