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