CSS단위로써 우리가 흔하게 접하는 em, px, pt, %의 단위에 대해 알아보도록 하겠습니다.
글자(폰트)의 크기나, width, height의 크기를 지정할 경우 사용되며 px를 대부분 사용하긴 하지만
글자 크기를 이용할 땐 pt를 사용하기도 합니다.
기본적으로 글자크기를 보통으로 정하셨다면 1em = 12pt = 16px 와 같습니다.
계산기 사용을 원하시면 위의 주소에서 값을 입력하신 다음 원하시는 결과를 얻으실 수 있습니다.
|
Points |
Pixels |
Ems |
Percent |
|
6pt |
8px |
0.5em |
50% |
|
7pt |
9px |
0.55em |
55% |
|
7.5pt |
10px |
0.625em |
62.5% |
|
8pt |
11px |
0.7em |
70% |
|
9pt |
12px |
0.75em |
75% |
|
10pt |
13px |
0.8em |
80% |
|
10.5pt |
14px |
0.875em |
87.5% |
|
11pt |
15px |
0.95em |
95% |
|
12pt |
16px |
1em |
100% |
|
13pt |
17px |
1.05em |
105% |
|
13.5pt |
18px |
1.125em |
112.5% |
|
14pt |
19px |
1.2em |
120% |
|
14.5pt |
20px |
1.25em |
125% |
|
15pt |
21px |
1.3em |
130% |
|
16pt |
22px |
1.4em |
140% |
|
17pt |
23px |
1.45em |
145% |
|
18pt |
24px |
1.5em |
150% |
|
20pt |
26px |
1.6em |
160% |
|
22pt |
29px |
1.8em |
180% |
|
24pt |
32px |
2em |
200% |
|
26pt |
35px |
2.2em |
220% |
|
27pt |
36px |
2.25em |
225% |
|
28pt |
37px |
2.3em |
230% |
|
29pt |
38px |
2.35em |
235% |
|
30pt |
40px |
2.45em |
245% |
|
32pt |
42px |
2.55em |
255% |
|
34pt |
45px |
2.75em |
275% |
|
36pt |
48px |
3em |
300% |