iOS Safari上的网页x-scrollable

Question

昨天我问this question，我的页面可以水平滚动，原因不明。使用"overflow-x:hidden";会阻止页面出现此情况（尽管我更愿意知道为什么会出现溢出）。

可悲的是，这在iOS Safari上无效，我仍然可以向右滚动。

Here是该网站的链接。我目前正在使用overflow-x:auto;因为我希望有人可能会发现为什么会有任何溢出的内容，但是任何想法如何处理移动游猎都非常感激。

Answer 1

我检查了您的网站，发现您有margin-right:5em;个元素，因此请为移动视图撰写媒体查询并将其设为0; 在MyHeaders.css第8行

中更改它

#companyName {
    font-size: 3em;
    margin-right: 5em;
}

在移动视图中将其更改为0

Answer 2

在标题上添加此元：

TextBlock

在<meta name="viewport" content="width=device-width, initial-scale=1"> 内创建网站包装器div，并将body应用于overflow-x:hidden或body的包装器INSTEAD，以解决问题。