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% |
댓글 남기기