そもそもremとは?remというのはroot emの略になります。フォントサイズのemについはご存じでしょうか?emはフォントサイズを1として考える単位です。 remはルートのフォントサイズを1として考える単位になります。 ルートとは、htmlのことになります。 つまりhtml要素のフォントサイズが16pxの場合でも18pxでも、remは1です。 html要素が16pxの場合、2remは「32px」です。 このようにhtml要素のフォントサイズから相対的にサイズ指定できるのがremになります。 サイズ指定はフォントサイズから相対的に指定すると便利レスポンシブデザインなどでは、各デバイスによってフォントサイズを変えたいですよね。 しかしフォントサイズをpxで指定していると、すべての箇所でフォントサイズを変更する必要があります。 フォントサイズから相対的にフォントサイズを指定できるところに便利