文字サイズfont-size

文字サイズfont-sizeに関して。
値には、次の4種類がある。

  1. 絶対サイズ(xx-small,x-small,small,mediam,large,x-large,xx-large)
  2. 相対サイズ(larger,smaller)絶対サイズを基準としてlargerは1段階大きく、smallerは一段階小さく表示される。
  3. 数値:単位付きの実数(絶対単位;pt,cm,mm,in。相対単位;px,em,ex。)
  4. 数値:%(実数に半角%をつけて、親要素のフォントサイズに対する割合で指定。)
  • ブラウザ上でCtrl+[+]を繰り返す→レイアウトの最大幅が文字のサイズと同期(Webのレイアウト自体が大きくなる→エラスティックelastic)
  • ブラウザ上でレイアウトに関係なく文字だけ大きくなる

これまでは、レイアウトに関係なく、文字だけ大きくなるサイトが多かったが、これからは、レイアウトを崩すことなく、文字を大きくするWebへの傾向が強まってくる。


疑問;レイアウトが大きくなりすぎると、逆に見づらくなるので、その時は、レイアウトの大きさの最大値(限界値?)をCSSで指定することができるのかな?