LoginSignup
0
0

More than 3 years have passed since last update.

@bk150125(しょうた かめい)

フロントで利用する単位について

Posted at

職場で、単位についての研修があったので、それのまとめです。

タグの大きさ指定

px

1dot(ドット)＝１px(ピクセル)
パソコンの画面の表示は小さな点の集合体で構成されていて、その最小単位が1dot

%

親に対して何％の表示をするか

vw(viewportwidth)

画面幅に対して何%の表示をするか

文字の大きさ指定

%

親に対して何％の表示をするか
何もしていなければHTMLの初期値からの倍率
HTMLの初期値=16px

em

1em=1文字
※現在はスマホやPCの表示に柔軟に対応できないため、利用されるケースは少ない

rem

emの上位互換
htmlタグを親として倍率調整する。

0
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0