CSSのemフレックスレイアウト
458 ワード
1、ユーザーの文字サイズとフレックスレイアウト
一般的に、ユーザーのブラウザでデフォルトでレンダリングされる文字サイズは「16 px」です.フレックス設計の鍵は、ページ内のすべての要素が「em」単位値を使用し、「em」は相対的なサイズです.相対的な計算には参照物があります.ここでは、要素の親要素に対するfont-sizeを相対的に指します.
例:
Looking-Glass House
一般的に、ユーザーのブラウザでデフォルトでレンダリングされる文字サイズは「16 px」です.フレックス設計の鍵は、ページ内のすべての要素が「em」単位値を使用し、「em」は相対的なサイズです.相対的な計算には参照物があります.ここでは、要素の親要素に対するfont-sizeを相対的に指します.
例:
Looking-Glass House
body{
font-size:62.5%; -->10px;
}
#container {
font-size: 1.2em;-->12px;
}
h1 {
font-size: 2.5em;-->30px;
}
:
(1):PXtoEM
1 ÷ font-size × = em