rem単位

ルート要素の文字サイズを基準にする長さの単位remにOperaが11.6で対応した。これで5大ブラウザの最新安定バージョン全てで使えるようになったことになる。主に見出しのマージンの指定などで威力を発揮するんじゃないかと思うし、emよりもグリッドシステムに向いてそうな気配がある。ただrem単位をサポートしていないブラウザではガン無視されるので、書き方には工夫が必要になる。 一番使いそうなmarginプロパティーでの利用を考えてみる。まずまとめて指定するケース。 h1 { margin: 3rem 0 0 0; font-size: 250%; } これだとmarginプロパティーで指定した値全てが無視されてしまう。非対応ブラウザでのフォールバックを考えると先にem等で書いておいて、remで上書きする必要がありそう。 h1 { margin: 1.2em 0 0 0; /* 1.2 = 3 /