長さの単位

　長さには通常単位をつけます。例外として、０のとき省けます。

　Webページの表示は本などと違い、パソコンのディスプレイで見ることもあれば、スマホやタブレットなどで見ることもあります。いずれの場合でもブラウザ越しとなりますから、その画面の大きさはブラウザで設定している大きさに依存することになります。

　このため、相対的な単位と絶対的な単位の２つが用意されています。

※pxはドットと等価のはずですが、解像度によっては複数ドットで表されます。解像度によっては長さが正しく反映されるとは限らない点に注意が必要です。

　文字の大きさに絶対単位を指定すると、ブラウザなどではユーザー側で拡大率を変えている場合であっても、それに対応しないことになります。そのような場合のために相対的な単位がフォント用に用意されています。

％	基になる要素のボックスの長さを100としてその割合で表示します。

　emで大きさを指定していくと新たに設定されたボックスのフォントサイズが基準になり、つぎつぎとボックスが作られていく度に基準の大きさが変わってしまいます。そこで、大きさの統一が取れなくなるのを防ぐため、最初に決めた（ルートになる）フォントサイズを１とする単位が作られました。

rem	通常、htmlで設定したフォントサイズとなります。初期値は、１rem=16pxです。

　ブラウザのウィンドウから見えている範囲をビューポートと呼びます。

　HTML５、CSS３の勧告により、長さの単位に新たにremなど使い勝手の良いものが付け加えられました。また、いくつかの試験的な単位も加わっています。

　例えば、ic　というのは、漢字圏での文字の大きさを考慮して、「水」という文字の大きさを基にした単位です。CSS３で試験的に加えられています。

長さの指定方法