CSSの単位「rem」を使ったフォントサイズの計算を自動で一覧表示してくれる便利ツール -PxtoRem

フォントサイズの指定によく使用される単位は、相対値で指定できる単位が人気です。中でも、親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよいでしょう。emを使用すると複利計算になるため、深い階層の子要素はサイズ指定が複雑になってしまいます。 ルートに指定したサイズをベースに、px単位でremの指定値を一覧表示してくれる便利なChromeの機能拡張を紹介します。 毎回計算していた人には、かなり嬉しいツールだと思います。

[coliss]

1rem=16pxにした時、10pxにするにはいくつなのかが簡単に分かる

[hdampty7]

ん？ルートを62.5%にすると1rem=10pxってのを知らないの？

[Rishatang]

CSSプリプロセッサのmixinや関数使って表現してほしい…計算後の値をこういうふうに直接書かれるとメンテ時にわけわからんくなる

[daizo1117]

“ Recommend”

[ustam]

機能拡張と聞いてインストールもしてないのに削除したくなった。

[rti7743]

rem って言われるとコメント文かと思ってしまった。

[yarumato]

“emを使用すると複利計算になるため、深い階層の子要素はサイズ指定が複雑。親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよい”