web study

요즘은 대부분 반응형 브라우저이기 때문에 반응형에서 사용되는 단위를 사용해야 할 것이다. 그중에서도 가장 많이 사용되는 단위가 rem과 em, 그리고 % 인데 도대체 언제 어떤 걸 사용해야 하는 걸까? 이번 기회에 제대로 알고 제대로 사용해보자. 목차 em과 rem의 공통점 em과 rem의 차이점 em과 rem 언제 쓸까? 반응형에서 무조건 rem을 써야 할까? 마치며 em과 rem의 공통점 두 단위 모두 폰트 사이즈에 따라 변하는 가변 단위이다. 같은 방식이지만 어떤 엘리먼트이 폰트 사이즈가 기준이냐에 따라 나뉜다. 비율에 따른 가변 단위이지만 브라우저 상에는 픽셀 단위로 표현된다. em 계산 상위 엘리먼트 폰트 사이즈 * em값 = 픽셀값 (상위 엘리먼트 폰트 사이즈가 18일 때) 1em = 18 *..