2011-10-10 11 views
18

10px1emを等しくすることになっていますので、私はCSS文書でフォントサイズ:フォントサイズ対62.5%:10pxの

body {font-size:62.5%;} 

を使用してきた長い時間のために。しかし、私は最近、これがInternet Explorerの私には当てはまらないことに気付きました。その代わりに私はコードを試しました:

html {font-size:100%} 
body {font-size:10px} 

これは私の魅力のように動作します。私の質問です:

私はそれを使用して誰かを見つけることができないので、このソリューションの欠点は何ですか?

明確にする:emにすべてのフォントサイズ、幅、高さなどを後で指定します。私は62.5%の代わりに10pxを使っているだけです。

+0

たぶん、このスレッドはあなたに多くを与えることができます問題の洞察:[なぜ-EM-代わり-の-PX] [1] [1]:http://stackoverflow.com/questions/609517/why-em-instead-of-px –

+1

私はピクセルフォントが好きですサイズも...私はより良いデザインコントロールがあるように感じる。欠点は、人々が手作業でテキストサイズを増やしたときにうまく拡張できなかったということでした。物事が壊れたり、オーバーフローしたりします。 '%'や 'em'を使うと、これらの間隔の問題をより良く補うことができます。しかし、最近では、新しいブラウザが真の「ズーム」イン/アウトに向かって動き出しているため、テキストのサイズの問題が解決されていません。 – Sparky

+0

まあ、私は本当にアクセシビリティ上の理由からemと一緒に行きたいと思っています。リンクをありがとうが、私はまだ違いを理解していない。どちらの場合も1emはFirefoxでは10pxになりますが、私にとっては1emはInternet Explorerでわずかに大きくなります。 – RichardL

答えて

9

この問題の両面で議論が行われます。私は過半数が%を主張しようとしていると推測しています。しかし、欠点や落とし穴を尋ねた場合

デフォルト設定の割合ではなく、ピクセル設定を尊重したブラウザやデバイスを実行した場合に発生する主な欠点は、ピクセル設定が問題になっているまたは読み取るには小さすぎます。そのブラウザがユーザーにフォントを拡大または拡大する機会をページに与えなかった場合、潜在的な問題が生じる可能性があります。

これらのすべてのブラウザでは、デフォルトで16pxに設定されています。私はあなたのケースでIEがそれを異なってサイジングしている理由について話すことができません。あなたが完璧なサイズのデザインのピクセルを使用する場合は、pxを使用してください。それ以外の場合は%でお待ちください。

+0

この回答ありがとうございます。それは私にとって問題が残っていても、私が探していたものでした。おそらく私は同じ問題を抱えているかどうかをIEで別のCPU上のサイトでテストします。それがあれば、私のコード内の何かがこれを引き起こしているに違いありません。 – RichardL

+0

あなたが探していた答えであれば正しい答えとしてマークするので、彼は彼の得点を得ます) –

0

あなただけ使用することができます

html {font-size:10px} 

だからあなたは複雑な計算なしでちょうどレムまたは全角で作業することができます知っている: 1 REM = 10pxの 2 REM = 20ピクセル

関連する問題