ホームページ > 記事 > ウェブフロントエンド > CSSの(px em rem)の違いと使い方を詳しく解説
px は、ピクセル画像の基本的なサンプリング単位です。ピクセルとは何ですか? 画像を拡大すると、それぞれの正方形のグリッドがピクセルになります。ブラウザのデフォルトのフォント サイズは 16 ピクセルです。
px の特徴は、フォントの大文字と小文字が固定されており、古いバージョンの IE ではフォントを拡大縮小することができませんが、現在は基本的に以前のバージョンの IE について心配する必要はありません。したがって、十分な精度を持つこの単位が一般的に使用されます。
em は、親要素に対する相対的なフォントのサイズを表す相対単位であり、10 進数の integer を指定できます。たとえば、親要素のフォント サイズが 16 ピクセルの場合、1em は 16 ピクセル、2em は 32 ピクセルになります。
em の特徴は、固定値ではなく、親フォントのサイズに応じて値が変化することです。 使用シナリオ: 現在の要素の内側の margin が現在のフォント サイズに比例する必要がある場合、em を使用できます。
rem も相対単位です。em との違いは、ルート要素に相対的であることです。これは、その参照値がルート要素のサブイメージ サイズであるため、計算が em よりも簡単で便利です。ブラウザは16pxです。
remの特徴は、ルート要素のフォントサイズに対して相対的に計算しやすいことです。 HTML ルート フォント サイズを制御することで、ページ全体のフォント サイズを変更できます。これは、ページ サイズをモバイルに適応させたものです。
今後の復習を容易にするための簡単な学習メモです。間違いや不足がある場合は、アドバイスをいただければ幸いです。
以上がCSSの(px em rem)の違いと使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。