入れ子の要素では、複利計算されるので注意が必要です。要素)があると階層により文字の大きさが異なってきます。なるので、これを基準として使用するというものです。単位でフォントサイズをセットできます。要素)の大きさを基準にします。16px」という値は一定になります。書き直すと以下のようになります。プロパティによって異なるようなことや、入れ子の要素での複利計算の必要はなく、直感的に扱いやすくなっています。等での指定のフォールバックを記述する必要があります。上書きしていくようにします。使えれば、3行目と5行目の指定が有効になります(2行目の記述は3行目で、4行目の記述は5行目で上書きされます)。使えなければ、2行目と4行目の指定が有効になります(3行目と5行目の指定は無視されます)。{font-size:100%;})。する方法が良く使われます。10px」となります。なるので、計算が直感的になり、以下のように記述することができます。要素にも適切なフォントサイズを指定する必要があります。要素のフォントサイズを変えるだけで、全体のフォントサイズを相対的に変更することができます。レスポンシブデザインでビューポートの幅により文字の大きさを変更する場合は以下のようにメディアクエリを使って指定するだけで、見出しや文章のサイズも変更することができます。}}以下のサンプルは、ビューポートの幅が650px未満では、文章やリストのフォントサイズは14pxで、650px以上では16pxになります。vmaxビューポートの単位(ビューポート・パーセンテージ)はビューポートのサイズを基準にした相対単位で、ビューポートのサイズにより変化します。以下の4種類があります。1/100ブラウザ対応状況:caniuse:viewport-unitsビューポートとは簡単に言うと表示領域(仮想ウィンドウサイズ)のことです。この単位を使うとデバイスの表示領域に対する割合を指定することができます。パーセント(%)指定の場合は親要素に対する割合(子要素の幅や高さは親要素の幅や高さに対する割合)になりますが、ビューポートの単位の場合は常にデバイスの表示領域に対する割合になります。サイズを指定することになります。