我正在使用xeon Bootstrap模板（http://shapebootstrap.net/preview/?id=64）。 Mac上的Firefox将边距渲染到靠近窗口边缘的位置。 Safari使用大小完全相同的窗口，使边距更宽。
两个问题：这是为什么？如何在不同浏览器中配置Bootstrap更加一致？
感谢。
答案 0 :(得分：2)
我不在Mac上，所以我无法验证我要建议的内容。屏幕截图可能很有用，也可能是指向该页面的链接。这里没有太多东西可以继续，因此缺乏答案，但我会试一试。
我假设这个问题与浏览器有关，而不是Bootstrap，或者某些对差异的看法尚未完全理解。
＆＃34;究竟是什么意思＆＃34; ？两种浏览器都是最大化的？您是否手动重新调整尺寸，使顶部，右侧，底部和左侧边缘对齐？如果是这样，那并不意味着视口大小相同。每个浏览器都有自己的chrome，UI元素（滚动条）等，它们的大小可能不同，会影响视口大小。
.container元素的边距设置为auto，浏览器会自动为.container等设置宽度元素计算。 Bootstrap的.container类为各种视口大小指定了宽度。您可能正在以非常接近断点的视口宽度查看页面，而右侧滚动条（或类似的东西）在一个浏览器中比在另一个浏览器中略小/大。这反过来可以触发页面以不同的宽度呈现，从而给出不同边距的外观。
例如：
Bootstrap的断点为992px。
.container渲染为970px。.container渲染为750px。基于这个断点问题的建议，我会找出每个浏览器的视口宽度是什么。然后确保将它们设置为相同的宽度。如果您得到相同的结果/问题，那么您将知道它不是断点。
其他信息会有所帮助。
希望这能指出你正确的方向。