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;。