0

ブートストラップを使用しています。あなたは私の悩みを画像で見るでしょう

Chrome からの画面: https://www.dropbox.com/s/1zi8eq7zposn6c9/chrome.png

FireFox からの画面: https://www.dropbox.com/s/7mrxarypnsjb63d/firefox.png (申し訳ありませんが、下部に境界線のある別の div があります)

私のHTML（ここにすべてを入れる必要はないと思います）：

    <div class="row menu">
    ...
</div>

私のCSS：

    .menu{
    width:940px;
     height: 30px;
    border-width:0.5px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-color: grey;
    padding:10px;
    background-color: rgb(212,229,190);
     }
4

1 に答える 1

1

私のコメントが役に立ったので、ここで公式の回答として解決策を示します。

この問題は、境界線が 0.5 ピクセルに設定されているため、丸め誤差が原因です。境界線の幅に少なくとも 1px を使用することで、問題はなくなります (境界線が表示されている間)。

于 2012-06-22T14:10:02.433 に答える