今日、Twitter Bootstrap フレームワークを実装しようとしたときに、私を本当に困惑させた興味深い問題に遭遇しました。私が最初に解決しようとしていた問題は、レスポンシブ テンプレートのブレークポイントの近くでブラウザーのサイズを変更したときに、Chrome で水平スクロールバーが表示されることでした。
これをトラブルシューティングするために、Twitter Bootstrap サイトで正しく表示されていたスターター テンプレートをそのままコピーすることにしました。一貫性を高めるために、含まれている Bootstrap リソースの相対パスを変更して、Github でホストされている同じファイルを直接指すようにしました。
気が遠くなるようなことに、まったく同じコードを使用しても問題は発生しました。壊れたバージョンの動作例をここで見ることができます。Chrome の最新バージョンでウィンドウを水平方向にサイズ変更するだけで、幅がブレークポイントに近づくと下部にスクロールバーが表示されることに気付くでしょう。ふと、同じファイルを別のサーバーにコピーしたところ...うまくいきましたか?!
正直なところ、2 つの異なるサーバー間で同じブラウザーで HTML/CSS/JS の動作が異なる原因は何なのかわかりません。私が見つけた最も近いものは、ローカル環境からリモート環境にファイルを転送したり、IE を使用したりする開発者からの議論でした。どんな洞察も大歓迎です！