개요: rem과 em은 모두 CSS에서 크기 단위입니다. Rem은 root 요소의 글꼴 크기입니다. Em은 로컬 컨텍스트의 글꼴 크기입니다.

em 단위는 인쇄된 타이포그래피의 세계에서 차용되었으며 구성 요소 계층 구조에서 가장 가까운 선언된 글꼴 크기를 기준으로 요소의 글꼴 크기를 설정할 수 있는 단위입니다.

rem 단위는 루트 em의 약자로 항상 루트 요소인 요소의 글꼴 크기 값을 참조합니다. 요소에 지정된 글꼴 크기가 없으면 브라우저 기본값인 16px가 사용됩니다.

이 두 단위 모두 여백 및 줄 높이와 같은 모든 크기의 속성에 사용할 수 있습니다. 그렇다면 rem은 일관된 정의를 유지합니다. 반면에 Em은 요소 자체의 글꼴 크기를 참조합니다.

개발자의 의견

내가 작성한 코드에서 em을 훨씬 더 많이 사용했음을 인정하지만, 이것을 배우고 나니 rem이 em보다 더 직관적이고 안정적입니다! 현지화된 상황에서 크기 조정을 특별히 고려하고 싶지 않은 이상 앞으로는 rem을 사용할 것입니다.

세상을 구한다는 사명에 동참하고 싶은 HTML 개발자라면 우리가 그 일을 하고 있는 Salvation Company의 팀에 합류하세요! 기술 개발은 우리가 하고 있는 일을 수행하는 데 있어 확실한 요소이며, 초보자와 수석 직원 건축가 엔지니어 모두를 위한 여지가 있습니다! (그리고 제품 관리자, 디자이너, 기술 전문가, 학생, 고문, 수학자 등...) 방은 열려 있습니다. 당신은 존중해야 합니다. 어쨌든 구원인가요? 거기서 봐요!

에이