Safari中右侧的空白空间

Question

我很茫然，希望你们能提供帮助。我使用 bootstrap 4.1 构建了我的网站，我的网站是 http://www.visionary-creatives.com/ 它似乎在 chrome、firefox、opera 和 IE 中按预期运行。当我在 Safari 上运行它时，右侧有一个空白区域，赋予它一个不想要的侧滚动功能。

我已经逐行检查并检查了宽度，似乎没有溢出导致它。我也试过添加

 html, body {
   width:100%;
   overflow-x:hidden;
 }

这可以修复正在渲染的空白区域。不幸的是，它也使我的导航栏无法在这些网站上滚动，并且完全禁用了移动导航。抱歉，我没有在这里发布完整的代码，它显然很长。如果这个问题已经得到解答，我很抱歉，我查了一下，没有找到关于这个的答案。

Answer 1

在你的 bootstrap.css 中，找到第 #571 行：

#devDiv1, #devDiv2, #devDiv3 {
    margin-top: 85px;
    margin-bottom: -24px;
    position: relative;
    height: inherit;
    perspective: 150px;
    perspective-origin: 0 50%;
    cursor:pointer;
}

在此处添加overflow: hidden;。