私はアダプティブ サイトに取り組んでおり、すべてを em 値で作成しています。それにもかかわらず、私は em の解釈において Chrome と Mozilla の間に違いがあります。ウェブサイトは dev.morodeer.ru/stroymoidom です。問題はアイコン付きの金属棒にあります。約 670px の幅では、Chrome のすべてが優れていますが、Mozilla は右端をカットします (中央のラッパーの幅が 90% に設定されているため)。また、ブラウザーの幅が同じ場合、mozilla のメタル バーは小さいため、Mozilla はより小さいフォント サイズをカウントするのではないかと思います。
可能な対応をよろしくお願いします。
em と ex の単位はフォントによって異なり、ドキュメント内の要素ごとに異なる場合があります。
引用：w3.org
あなたはデフォルトのフォントを使っていて、Firefox は chrome のように別のフォントを使っているのではないでしょうか?
ブロック レイアウトのサイズ値には、em の代わりに px または % の値を使用することをお勧めします。
フォント サイズには em を使用します。1em = ブラウザーのフォント サイズ、2em = 2* ブラウザーのフォント サイズ、0.5 em = 0.5* ブラウザーのフォント サイズなど ;)
その部分をすでに知っている場合: はい、firefox と chrome は異なるフォントサイズを持つことができ、em は異なる方法でフォントサイズに影響を与える可能性があります。