글자 크기 단위 (font, 폰트) - em / ex / px / pt / %

bootstrap 4로 업그레이드 하려다가 CSS에서 사용하는 단위가 px -> em으로 변경되었다는 내용이 있어서

잠시 px와 em에 대해서 관계를 알아보았다.

<< bootstrap 3에서 4로  업그레이드, 달라진 점과 알아 두어야 할 점 >>

 

em은 폰트의 대문자 M의 너비를 기준으로 하는 상대단위 입니다.

* 상대단위로는 em, ex, px, %가 있고, 기종간/플랫폼간 호환성을 유지하는데 유리 하다고 함

   --> PC/Mobile 버전 동시에 개발과 같은 이야기 인 듯~

* 절대단위로는 in, cm, mm, pt, pc가 있고, 출력장치(모니터)의 물리적 속성을 아는 경우 효율적이라고 함

 

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

 

 

참고URL 1)

단위변환 사이트 : http://pxtoem.com/

PXtoEM.com: PX to EM conversion made simple.

참고URL 2)

zinee-world.tistory.com/131

[CSS] em / ex / px / pt / % 의 차이