[HTML & CSS General] CSS: Responsive Typesetting

memo.

文字サイズをウィンドウの大きさに合わせて調整する技術。

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (アスキー書籍)
KADOKAWA / アスキー・メディアワークス (2013-07-31)
売り上げランキング: 14,421
  • 画面幅が小さい場合は、文字も小さい方が読みやすい。
  • em によるサイズ指定を行う。
  • em とは、フォントの大文字「M」の高さを基準とした相対単位。
  • ブラウザの標準フォントサイズは、「1em = 16px」

書籍の内容が載っている。作者さんのサイト?

rem 指定

See the Pen CSS Responsive Typesetting by DriftwoodJP (@DriftwoodJP) on CodePen.


mixin