私は長い間取り組んできたすべてのサイトで、すべてのサイズにピクセルを使用してきました (+ あちこちで数パーセント)。
時々、私は em と rem に関するものを目にし続け、それらをピクセルで使用するかどうかについて悩んでいます。
私が読んだことから、それらを使用する最良の方法は、要素の font-size を 62.5% に設定<html>して 1em を 10 ピクセルに等しくし、それに関連してフォント サイズを指定することです。
ここにいる人々が私に答えてくれることを願っています。
em/rem を使用していて、サイトを構築していて、このテキストは 20px にする必要があり、それを 2em に変換すると、そもそもピクセルを使用しないのはなぜでしょうか?
寸法に em を使用し、画像の背景サイズを追加したい場合、ピクセル セットの寸法があり、それを em で設定し、ユーザーがズームすると、レイアウトが壊れませんか?
emを使用すると、アプリケーション全体の相対的なフォントサイズを1か所で変更できることを読みました（これは素晴らしいアイデアであり、非常に便利です）が、htmlタグの62.5％を変更すると、1emは変更されませんもはや 10px に等しいので、以前に設定した簡単さは完全に窓の外に出ます。
あなたが持っていて、<div>その背景画像を特定の寸法で以前に作成した画像に設定し、左側に特定のパディングが必要であるとします。適切な寸法とパディングをすべて em と次に、誰かがズームすると、ボックスの寸法と慎重に作成された左のパディングがすべてウィンドウから完全に消えるため、これは確実に壊れます。
このsass mixinも見ました：
// font-size must be set to 62.5% on html
=font-size($size: 1.6, $line-height: $size * 1.25)
font-size: ($size * 10) + px
line-height: ($line-height * 10) + px
font-size: $size + rem
line-height: $line-height + rem
確かに、誰かがピクセル バージョンを使用するブラウザーでズームインし、それを誰かが rem バージョンでズームインした場合と比較すると、結果は異なります。????
これについていくつかのことを明確にしていただければ幸いです。ここに投稿する前に、これらすべてについてたくさんのことを読んだので、これを読んで行くことを示す多くのリンクを投稿すると思います. 上記のようにそれらを読みましたが、この投稿以降、上記の質問がまだあります。