0

RSSボタンの外観をcssでフォーマットしようとしていますが、何らかの理由でブラウザ間に大きな違いがあります。Chromeは、私がそれをまったくいじる必要がないかのように、それを完全にレンダリングします。しかし、FirefoxとIE9では、メニューの他の部分とは不均一です。そこで、それを均一にし、メニューバーの下部にホバーカラーを長くするためにパディングを追加しました。これでFirefoxの問題は修正されますが、Chromeでは逆にメニューが不均一になります。突然、バーが他のメニュー項目に対して長すぎます。

.menunav a {
padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
padding-left: 6px;
font-size: 100%;

}   
.menunav-rss:hover {
    background: #ff6600;
    font-size: 100%;
    padding-top: 3px;
    padding-bottom:3px;
}

これはワードプレスサイトから来ています。私はcssやコーディングにまったく慣れていないので、これを修正する方法が完全にはわかりません。一方を修正するともう一方が悪化するようで、なぜrssボタンだけが不均一なのかわかりません。

参考までに、これはFirefoxとChromeの両方でパディングなしでメニューバーが表示されるものです。

どんな助けでもいただければ幸いです。さらに詳しい情報が必要な場合は、簡単にお知らせします。

4

2 に答える 2

0

同じ問題に何度も遭遇しました。設定により、FFとchromeの両方で同じように見えることがわかりましたvertical-align: top（おそらくIE9も同様ですが、テストはしていません）。その後padding-top、アンカー内のテキストを希望の場所に正確に配置するために追加できます。

于 2013-01-27T06:15:02.400 に答える
0

これは、ブラウザの「プリセット」値が異なるためです。これは、各ブラウザーが独自のスタイルシートを持っており、それが自分のスタイルシートの前に適用されると考えてください。

唯一の回避策は、CSS リセットを使用することです。Eric Mayersは '後藤' と見なされており、あなたが望むほとんどすべてをカバーしています。

独自のスタイルの前にリセットをロードするだけで、すべてのブラウザーでほぼ同じに見えるようにすべてを調整できるはずです。

それをしなければならないのは少し面倒ですが、ブラウザーに組み込まれているデフォルトのスタイリングに本当に頼るべきではありません。

于 2013-01-04T09:26:53.173 に答える