【Twenty Twelve】style.cssのremのこと

WordPressテーマカスタマイズ

remという新しい単位が、Twenty Twelveで使用されています。
この単位、ルート要素(html)を基準にサイズを設定できる便利な単位です。
単位の基準となる値は、style.cssによると14ということです。

計算方法

計算するには、計算機が必要になると思います。

仮にwidget-areaクラスのマージン(margin)の値を変更したいとき、px(ピクセル)で指定されている下のremの値も変更します。

.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

まず、上のwidget-areaのremの値は、margin 24pxとあるので、24を基準となる14で割ると1.714285714というremでの値になります。

これをmargin: 12pxにすると下場合、12÷14=0.85142857になります。
実際の数値は、※もう少し長いのですが、四捨五入しているようです。

スポンサーリンク

コメント

タイトルとURLをコピーしました