0

これは私が以前に尋ねられたと信じている質問ですが、解決策は見つかりませんでした.

私のjsfiddleを Firefox と Chrome (または Chrome の代わりに Safari) の両方で開きます。文字 'y' を注意深く見ると、他の 2 つのうちの 1 つと比較して、Firefox では文字と section1-div の下の境界線の間に 1 つまたは 2 つの余分なピクセルがあることがわかります。

スタイリングをある程度リセットするために、ほとんどの要素でパディングとマージンの上部/下部を 0px に設定しました。

それはなぜですか?また、これを防ぐためにどのような対策を講じるべきですか?

更新: Chrome 17.0.963.56、FF 11、および Mac を使用しています。

4

1 に答える 1

1

なぜこの問題が発生したのか、よくわかりません。機能していませんでした。私自身のコードでは、それをパディングに関連付けることができました。Chrome/Safari と Firefox では、パディングの処理が異なります。標準の css にパディングを追加し、Firefox の例外を作成することで、期待どおりの結果が得られました。これは jsfiddle の例には役に立ちません (実際にはこの例には問題がない可能性があります。フォントが少し異なって表示され、文字と境界線の間に異なる数のピクセルがあるように見える可能性があります) ...)。

#adminmenu a{
    padding-bottom: 2px;
}

@-moz-document url-prefix() {

    #adminmenu a{ padding-bottom: 0px; }

}
于 2012-04-26T13:08:04.633 に答える