CSS em, px, pt 사이즈 단위 변환

크기 단위는 절대단위와 상대단위로 구분

- 절대단위 : in, cm, mm, pt, pc가 있으며, 절대라는 말에서 알 수 있듯, 정해진 사이즈.
- 상대단위 : em, ex, px, %가 있음.

- em : font_size, 해당폰트의 대문자 M의 너비를 기준으로 함.
- ex : x-height, 해당폰트의 소문자 x의 높이를 기준으로 함.
- px : pixel, 표시장치(모니터)에 따라서 가시적으로 상대적인 크기를 가짐.
- % : percent, 기본글꼴의 크기에 대하여 상대적인 값을 가짐.
- pt : point, 일반 문서(워드 등)에서 많이 사용하는 단위.

대부분의 브라우저는 폰트 사이즈의 기본값이 12pt, 16px, 1em, 100% 이다.

각각 사이즈의 관계는 하기 공식으로 설명될 수 있다.
px = pt / 0.75
pt = px * 0.75
em = pt / 12
% = pt * 100 / 12

하지만, 공식을 사용해서 계산하기 넘 귀찮다.
그래서 하기 변환해주는 사이트에서 확인가능!
단위변환 사이트 : http://pxtoem.com/

단위별 간단한 표

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%