인프런 커뮤니티 질문&답변
작성한 질문수
rem에 관해 질문있습니다
작성
·
234
답변 1
0
코딩웍스(Coding Works)
지식공유자
rem은 Root em 의 줄임말입니다. 곧 root를 기준으로 상대적으로 변한다는 말입니다.
css에서 설정하지 않고도 일반적인 태그(div, h1등)에 rem을 설정할 수 없습니다.
em은 부모요소를 기준으로 상대적으로 변하는 단위이고, rem은 html 선택자에 준 폰트의 크기를 기준으로 변하는 단위입니다. 참고로 rem의 경우 모든 요소를 상대적으로 처리해야 하기 때문에 활용하기가 힘든 부분이 많습니다.
아래 코드 예시처럼 하시고 p 태그에 1.5rem이라고 하면 10 * 1.5 = 15픽셀이 되는 형태입니다.
html {
font-size: 10px;
}