em 적용방법

12px을 em으로 변경하려면

 
12 % 16 = 0.75이고 이값은 0.75em 혹은 75%가 된다.

16은 일반 웹 브라우저에서 100% 글자 크기인 16px을 말한다.

px이 em으로 변경되어 나온 표가 있는 사이트 주소는

 
http://pxtoem.com

 

 

반응형 핵심기법3가지(필수)

 

 

•Fluid Grid - ​width값을 %로 주어, 디바이스 크기에 맞게 자동으로 조정할 수 있도록 하는 기법
•Flex Images -​ width나 height값을 px등의 고정값으로 하는게 아니라, 역시 %를 사용하는 기법
•Media Queries - ​웹페이지를 각 상황에 맞게 출력할 때 사용한다.