글자 크기 단위 (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.
What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography, equal to the size of the current font." If your font-size is at 16 pixels, then 1em = 16px For more information visit Wikipedia and Mozilla MDN. What is the
pxtoem.com
참고URL 2)
[CSS] em / ex / px / pt / % 의 차이
<간단한 설명> CSS의 표준권고안에 따르면 크기 단위는 절대단위와 상대단위로 구분됩니다. - 절대단위 : in, cm, mm, pt, pc가 있으며 출력장치(모니터)의 물리적 속성을 아는 경우 효율적 - 상대단위
zinee-world.tistory.com