Question

我们的Bootstrap模式导致底层内容左对齐。对于Chrome上的某些Macbook而言，这似乎是一个不寻常的问题，而不是其他人（我的同事计算机，但不是我的，具有相同的规格）。

下面是它的样子。请注意“摘要，兴趣，体验......”菜单和图表被推到最左边，而它们应该在页面上居中。

我是一位经验丰富的开发者，但坦率地说，我很困惑，因为它没有出现特定于用户代理的情况。我们正在使用Bootstrap 4 Modals。

Answer 1

这是Bootstrap（BS）3.x.x中的已知问题。

考虑到这一点，我只能假设它已经针对BS 3.x.x进行了修复，但他们没有设法在BS4中覆盖它。

解决这个问题的技巧是在html内容的滚动条上显示modal的滚动条。

请尝试使用以下修复程序，并告诉我它是否有效。

html {
  overflow: hidden;
  height: 100%;
}
body {
  overflow: auto;
  height: 100%;
}

/* when the model opens */
.modal-open {
 overflow: auto; 
}

modal-open是一个在打开模态时分配给正文的类。