css3から追加されたremを使ったフォントサイズ | 柴原ホームページこれまでcssでフォントサイズを指定するときはpxや%を使っていたが、css3から「rem」という新しい単位が使える。 remは「root+em」の省略で、「ルート」である「html」に指定されたフォントサイズを基準にした単位のとこらしい。 これを使うと親要素のフォントサイズの継承なんて気にしないで常にルートのhtmlで指定したサイズを意識すればいいことになり便利である。但し、IEについてはIE9以降しかサポートされていないので、IE8にはこれまでとおりpxで指定しなければならない。 //①ルートであるhtmlに基準となるサイズを指定する html{ font-size:62.5%; } //②rem要素で指定しつつIE対策もする h2{ font-size:1.4rem; font-size:14px; } ルートであるhtmlに基準となるサイズを指定する まずは基準となるサイズだが、「
