0

これで「ルール」を破っている可能性がありますが、私の 960 グリッド システムでは、右枠スタイルを追加する列がいくつかあります。これにより、その列が 1px 大きくなりすぎます。したがって、列の完全なセットがある場合、右端の列が次の行にオーバーフローします。これは明らかに望ましくありません。

列の幅を境界線と同じ厚さ - 1px だけ手動で減らすことで、これを「修正」しました。これは素晴らしく機能しました。

問題は、同僚に自分のサイトのデモを行ったところ、彼らがサイトを立ち上げたとき、まだオーバーフローの問題があったことです. 私のコンピューターでは問題なく表示された列 - Mac (Chrome、Firefox、および Safari) では、Firefox ブラウザー (Windows 7 を実行) でオーバーフローの問題が発生しました。彼らのオフィスの Windows ボックスにリモート接続し、Firefox でサイトを表示してみましたが、問題なく動作しました。

私の質問は次のとおりです。自分のコンピューターで正しく表示されるものを、他のユーザーのコンピューターでも正しく表示するにはどうすればよいでしょうか? Windows 7 を実行している 2 台の異なるマシンの同じブラウザーで同じサイトを表示できるのはなぜですか?

4

1 に答える 1

0

ボーダーのあるコンテナーがオーバーフローしないようにするには、別のコンテナーでラップします。

例えば：

<div class="grid_4">
    <div class="div_with_border">This is the container with the border</div>
</div>
于 2014-01-20T01:23:38.767 に答える