今天在尝试实现 Twitter Bootstrap 框架时遇到了一个有趣的问题，这让我很困惑。我最初试图解决的问题是，当我将浏览器的大小调整到接近响应式模板中的断点时，Chrome 中出现了水平滚动条。
为了解决这个问题，我决定逐字复制启动模板，该模板在 Twitter Bootstrap 网站上正确显示。为了更加一致，我更改了包含的 Bootstrap 资源的相对路径，以直接指向托管在 Github 上的相同文件。
令人难以置信的是，即使使用完全相同的代码，问题仍然存在。您可以在此处查看损坏版本的工作示例。只需在最新版本的 Chrome 中水平调整窗口大小，当宽度接近断点时，您会注意到滚动条会出现在底部。凭直觉，我将同一个文件复制到另一台服务器上，然后……它可以工作？！
老实说，我不知道是什么导致 HTML/CSS/JS 在同一浏览器中跨两个不同服务器的行为不同。我能找到的最接近的是开发人员将文件从本地环境传输到远程环境和/或使用 IE 的讨论。任何见解将不胜感激！