* 예제* 출력 결과body 태그에 em 값을 이용해 폰트 사이즈를 지정하면,body 태그에 자식 요소들은 body 폰트 사이즈에 영향을 받습니다.따라서, body의 14px과 div의 1.2em이 곱해져 14px * 1.2 = 16.8px 이 되었습니다.그런데, 여기서 em으로 정의한 폰트 사이즈를 각각의 자식에 선언하면 어떤 일이 생길까요?같은 css를 적용한 동일한 코드를 추가해 보았습니다.각각의 div는 각 부모의 폰트 사이즈를 상속 받아 점점 더 커지게 됩니다.* 예제* 출력 결과이것은 어떤 경우엔 바람직하겠지만, 대부분의 경우, 단순하게 단일 사이즈로 표현 하기도 하지요.이런 경우 바로 rem 단위를 사용 하면 됩니다.rem의 'r'은 바로..........
px, em, rem 단위 종류에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
