2016-06-15 11 views
0

ウェブサイトのテキストが非常に小さくなることがあります。これは、私が知る限り、MacのFirefoxでのみ発生します。それは次のようになります。私はFirebugのを確認した場合ウェブサイトのテキストがランダムに非常に小さくなる

The appearance

、私は問題を説明し、本体、上のfont-size: 1pxセットは(ウェブサイトが体フォントサイズを次のemを、オフに基づいている)があることに気づきます。問題は、決して私のコードのどこにでもfont-size: 1pxを設定していないことです。それはfont-size: 1emと言います。

When I check Firebug.

これは、解像度の既知の問題ですか?これは、まもなく実稼働環境で使用される予定のウェブサイトです。グリッチがいつ発生するのか予測できません。

+0

これはローカルにのみ、またはスタイルシートの以前のバージョンがロードされていない他のMacでも起こりますか?とにかく、私は解決策はありませんが、サイトがすぐにライブになり、あなたがそれを見つけられずに絶望的な場合は、フォントサイズが1pxかどうかをチェックするonloadハンドラにjavascriptを追加できます。 14pxなどに設定します。 –

答えて

1

エムが直接又は最も近い親のフォントサイズに対して相対的である、レムは、HTML(ルート)フォントサイズに対してのみです。

0

htmlのフォントサイズをemsに設定することをお勧めします。これは、ブラウザのフォントサイズに比例するためです。通常、ブラウザのフォントサイズは16ピクセルですが、延期する可能性があります。後で、rootのhtmlに関連するremを使用することができます。

+0

これは問題を緩和するのに役立つでしょうか? – Forest

+0

いくつかのCSSリセットファイルと組み合わせて、ブラウザの不一致を解決し、適切なemsとrems値を使って適切であるはずです。Mac上でMozillaに関するいくつかの既知のバグがあると思います... –

関連する問題