Html 如何使用CSS禁用iOS中的滚动溢出x

我有一个网站，如果在台式机和android设备上打开，效果会很好，但当我在Iphone和Ipad等iOS设备上打开时，背景不会像在其他设备上一样固定，它会扩展背景并在页面右侧创建空白，我使用了<代码>用户可扩展性= NO/<代码>，使用户无法滚动到空白空间，但仍然无法工作。实际上，我已经使用了

overflow-x:hidden

但是我的导航栏没有像往常一样工作，

href

没有进入目标id。例如，

它应该进入div id新闻，但它是随机进入的。那么，我应该使用什么来防止用户在iOS中滚动

这是iOS中空白空间的例子：

---

iOS safari有自己的一系列问题。它通常倾向于忽略所有溢出：隐藏在body和html上。到目前为止，我找到的唯一解决方案是，让你的身体与视口的大小完全一致，并滚动其中的内容，或者只是固定身体的位置，以防当你想滚动的顶部有一个浮动内容时，背景在滚动。

你能举个例子吗？如果用户使用iPhone5打开手机，我该如何使机身与iPhone5完全一样大？最大高度：100vh；最大宽度：100vw；它在主体上还是在视口上？它仍然可以滚动到右侧，将样式赋予正文，这样整个页面就不会移动。在主体内部溢出-x：隐藏；但正如我在问题中所说的，我已经使用了溢出x隐藏，但我的导航栏没有很好地工作：（不知道为什么？）