강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

swtm님의 프로필 이미지
swtm

작성한 질문수

반응형 웹사이트 포트폴리오(Architecture Agency)

상대적인 폰트 크기 em 단위와 rem 단위 이해하기

rem에 관해 질문있습니다

작성

·

235

1

안녕하세요 선생님.

rem에 대해 궁금한 것이 있습니다.

html 태그나 body 태그의 폰트 사이즈를 따로 css에서 설정하지 않고도 일반적인 태그(div, h1등)에 rem을 설정할 수 있나요? 

만약 그렇다면 root 폰트 사이즈는 16px이 되는 것인가요?

혹은 rem을 설정하려면 반드시 html { font-size: ~~}를 설정해야 하는지 궁금합니다.

감사합니다.

퀴즈

웹 퍼블리싱 작업 효율성을 높이기 위해 크롬 확장 프로그램을 사용하는 주된 이유는 무엇일까요?

웹사이트의 서버 부하를 줄이기 위해

웹 브라우저에 특정 기능을 추가하여 작업을 돕기 위해

사용자 컴퓨터의 운영체제를 변경하기 위해

데이터베이스 구조를 직접 수정하기 위해

답변 1

0

rem은 Root em 의 줄임말입니다. 곧 root를 기준으로 상대적으로 변한다는 말입니다.

css에서 설정하지 않고도 일반적인 태그(div, h1등)에 rem을 설정할 수 없습니다.

em은 부모요소를 기준으로 상대적으로 변하는 단위이고, rem은 html 선택자에 준 폰트의 크기를 기준으로 변하는 단위입니다. 참고로 rem의 경우 모든 요소를 상대적으로 처리해야 하기 때문에 활용하기가 힘든 부분이 많습니다.

아래 코드 예시처럼 하시고 p 태그에 1.5rem이라고 하면 10 * 1.5 = 15픽셀이 되는 형태입니다.

html {

  font-size: 10px;

}

 

swtm님의 프로필 이미지
swtm

작성한 질문수

질문하기