em、px、remなどの単位のサイズを確認できるサイト「CSS Ruler」!

2015/12/18

こんにちは。
今回はem、px、remなどの単位のサイズを確認できるサイト「CSS Ruler」!です。

em、px、remなどの単位がどれくらいなのかを確認する事ができるサイトを紹介します。

em、px、remなどの単位のサイズを確認できるサイト「CSS Ruler」!

CSS Ruler

css-ruler

http://katydecorah.com/css-ruler/

 

「CSS Ruler」の使い方

css-ruler2

左のhtml、body、.exampleの数値を変更すると、どのように値が変化するか確認する事ができます。
マウスオーバーするとちょっとした説明も見る事ができますよ。

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

いかがでしたか。CSSの単位のサイズを確認してみてはどうでしょうか。
以上でem、px、remなどの単位のサイズを確認できるサイト「CSS Ruler」!でした。

topへ戻る