<hr>は全く同じクラスで、どちらにも属していません。どちらもChromeなどで同じように見えますが、Firefoxでは何らかの理由でページの下部には通常のように見えますが、上部にあるものは2倍の厚さです。Firefoxで同じクラスの2つの要素が異なって見える
アイデア？また、2.5pxの黒線を作成する方がうまくいけば他の提案も可能です。
問題はすべてのページでhttp://www.duncannz.comです。Firefoxの上部の黒い線は太すぎますが、下の黒い線は問題ありません。両方のラインは他のすべてのブラウザでうまくいきます。
height: 2px;を追加しようとすると2.5pxにはなりません。
小数点で値を定義する場合は、2.5emを入力してください。画素で小数点を使用することはできません。小数はemでうまくいきます
奇妙なことに、小数点以下はpxで使用できません。 'height：2.5％;'を使うと、行は完全に消えてしまい、 '2.5em'はそれを超厚くします。 – stackunderflow
'height：0.1em'はFFでそれを実現しますが、Chromeでは超厚くしています...そしてFFの' height：2.5em'はまだまだ太すぎます。 – stackunderflow
OK 'em：' em'というものが動作しないので 'height：2px'のために解決しなければならないと思います。しかし、残念です。 – stackunderflow
なぜ起こっているのか分かりませんが、本体からフォントクラスを削除した場合は考えられません。上部の線が細くなり、下部の線が太くなります。奇妙な。 – liz