Css 移动视图上Chrome的滚动条位置问题

我一直在到处寻找，并尝试了几乎所有我可以解决这个问题，但没有机会

我正在开发的网站在桌面视图上的工作与预期的一样，但是移动视图是另一回事

Safari还可以，但iPhone上的Chrome在我触发拉刷新或超链接时有一些奇怪的行为。我自己无法解决这个问题，希望社区能够提供帮助

这里是我的CSS代码的最新版本：

/*放置样式标题*/
* {
框大小：边框框；
}
*：之前，
*：之后{
框大小：边框框；
}
html，
身体{
身高：100%；
位置：相对位置；
}
#容器{
最小高度：100vh；/*将覆盖视口的100%*/
溢出：隐藏；
显示：块；
位置：相对位置；
填充底部：100px；/*页脚高度*/
背景：#f7f7f7；
}

我试图隐藏它，重置滚动条位置或禁用overscroll/pull刷新

欢迎提出任何建议

---

谢谢

将以下代码添加到HTML中

在HTML文件中的头标记内

<meta name="viewport" content="width=device-width, initial-scale=1">

你可以在这里探索更多

---

感谢您前几天的评论。我已经在我的meta中有了这个，所以我认为它没有关系，但它是！生成后，我的元设置未正确应用，也未反映在索引文件的标题中。我修复了这个部件，现在它可以正常工作了。我不能认为这是正确的答案，如果有人能为我做这件事那就太好了，谢谢！