CSSのpxとemの相対比較や相互変換ができるWEBサービス「PXtoEM.com」

CSSのpxとemの相対比較や相互変換ができるWEBサービス「PXtoEM.com」

CSSのpxとemの相対比較や相互変換ができるWEBサービス「PXtoEM.com」

PXtoEM.comは、基準となるフォントサイズを指定することで、pxとemの値を計算して一覧を表示してくれたり、pxとemの相互変換を行うことができるWEBサービスです。

PXtoEM.comの使い方

PXtoEM.comにアクセスして、「Select your body font size」で基準となるフォントサイズを選択します。

サイズ一覧

「Voilà! Your conversions」にサイズ一覧が表示されます。

「Oh la la! Custom conversion」では、pxかemのいずれかの値を入れて[Convert]をクリックすると、相互変換を行うことができます。

pxとemの相互変換

あとがき

CSSを勉強し始めたばかりの頃だと、emは若干ややこしく感じますよね。PXtoEM.comは、CSSのお勉強にも役立つと思います。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です