폰트 사이즈에 많이 사용되는 px보다 반응형 페이지를 만들다 보면 px보다는 rem,em을 많이 사용합니다. 이뉴는 간단 합니다. em과 rem 모두 길이가 유연한 가변 단위로서, 디자인에 설정된 폰트 크기에 따라 브라우저에 의해 픽셀값으로 변환됩니다. 만약에 1em 혹은 1rem 값을 지정했다면, 브라우저에 의해 16px부터 160px 까지, 아니면 기타 다양한 값으로 변환될 수 있습니다. 반면에 px 값은 브라우저에선 절댓값으로 인식해서, 말 그대로 1px은 항상 정확히 1px로 표시됩니다. 아래 CodePen에 표시된 슬라이더를 조절해서 rem과 em 값이 각기 어떻게 서로 다른 픽셀값으로 변환되는지 확인해 보세요. 반면 명확히 px 단위로 지정한 것은 그....... ...

... [더보기]