在右侧的 Safari 中为空 Space

Question

我很茫然，希望大家能帮忙。我使用 bootstrap 4.1 构建我的网站，我的网站是 http://www.visionary-creatives.com/ 它似乎在 chrome、firefox、opera 和 IE 中运行正常。当我运行它在 Safari 上时，右侧有一个白色的 space，给它一个不是预期的横向滚动功能。

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

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

这修复了呈现的白色 space。不幸的是，它也禁止我的导航栏在这些网站上滚动，并完全禁止移动导航。抱歉，我没有在这里发布完整的代码，它显然很长。如果这个问题得到了回答，对不起，我查过了，找不到关于这个的答案。

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

在右侧的 Safari 中为空 Space

Empty Space in Safari on right side

html

css

safari

mobile-safari

bootstrap-4