pxからvm/vh/vmin/vmaxまで2015/11/17近藤ツイートこんにちは。今日は、CSSで扱う単位の話しをまとめてみたいと思います。様々な手法があると思いますが、もしここで単位が無かったらとても大変ですね。依頼主:「めちゃくちゃでかすぎですね。かめよりちょいでかいくらいかな??」などのやりとりが多発し、大変困りそうです。ブラウザに、「ちょいでかめ」と指示を出すのは難しそう・・。単位があれば、上記すべて解決できるわけではありませんが、ブラウザに指示を出しやすくなります。CSSで使える単位一覧CSSで指定できる主な単位には、以下があります。基準pxディスプレイの画像解像度に応じた相対的なブレにくい単位。ディスプレイの画像解像度%基準値に対しての割合を指定する単位。大概は親要素の値を基準とする。em/ex/ch文字のサイズに応じた単位。適用要素の文字サイズ(指定が無い場合は親要素)などを基準とする。em:適用要素のフォントサイズを1とした単位。ex:適用要素の英小文字「x」の高さを1とした単位。ch:適用要素の「0」の幅を1とした単位。vw/vh/vmin/vmaxビューポート基準のサイズ。絶対値のため、これ自体が基準(なのでデバイスに応じて~~という表現が不得意)。deg:よく使う、度。grad:グラディアン(gradian)。