2

完全に EM ベースになることについて、人々はどう考えているのだろうか? 個人的には、フォント サイズ、レイアウト、メディア クエリなど、ほぼ完全に賛成です。ユーザーの個人的な好みに関係することは、完全に理にかなっています。

ただ、javascriptだとピクセル以外は使いづらそうです。

たとえば、画面サイズが特定のサイズよりも大きいときに画像を追加したい場合は、HTML でこれを行うことができます。

if (document.documentElement.clientWidth > 500) {
    document.write('<img src="whatever.jpg" alt="whatever" />');
}

または、js では、画面がメディア クエリのブレーク ポイントに到達したときに、何かを変更したい (おそらく要素を交換したい) 場合があります。ただし、CSS の EM と js のピクセルの奇妙な組み合わせになってしまい、ユーザーのフォント サイズがデフォルト以外の場合は一致しません。

それは理にかなっていますか？そして、誰か提案はありますか？おそらくEMフォントとレイアウト用のpx？しかし、それはEMの美しさの一部を失います...

あなたの考えを聞きたいです！

ありがとう

4

1 に答える 1

0

px を使用しても問題ありません。px-em は簡単に計算できます。あなたの問題に関するこの疲れる記事を読むことをお勧めします

em 値を扱う最も一般的な方法は、body の font-size を 62.5% に設定することです。デフォルトのブラウザーの font-size は 16px であるため、これにより 10px になります (カスケードしない 10px にハード設定する必要はありません)。乗数として 10 を使用することは、16 を使用するよりもはるかに簡単です。この方法では、18 ピクセルのフォント サイズが必要ですか? font-size: 1.8em を使用します。

とにかく、ピクセル値を使用することの単なる抽象化であるのに、なぜこのすべての em ビジネスに煩わされるのでしょうか? 次の 3 つの理由が考えられます。

  1. IE 6 でサイズ変更可能な ARE
  2. 他のサイズとの関係（伸縮性のあるサイト）
  3. Em の mo-fo のようなカスケード

最初のものは大きいものです。基本的にピクセルを使用したいが、アクセシビリティの問題が気に入らない場合は、em が最適です。

css-tricks.com

于 2013-11-30T23:42:30.597 に答える