ルート要素の文字サイズを基準にする長さの単位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 /
![rem単位](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2fda417d491d805f79065104db5f50e11015215/height=288;version=1;width=512/https%3A%2F%2Fhail2u.net%2Fapple-touch-icon-precomposed.png)