CSSのemフレックスレイアウト


1、ユーザーの文字サイズとフレックスレイアウト
一般的に、ユーザーのブラウザでデフォルトでレンダリングされる文字サイズは「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