EM - 상위 요소를 기준으로 폰트 사이즈를 정함 ( 대문자 M 의 너비를 의미한다고 함. 그럼 M은 그렇다 치고 E는 무슨뜻인지 모르겠음;)
REM - html 요소를 기준으로 폰트 사이즈를 정함 ( Root EM 이라는 뜻.)
이전 프로젝트에서 함께 일하던 개발자분이 세팅한 방법을 보고 참 아름답다고 생각했음.(나만 몰랐던것인가;)
html의 폰트사이즈를 10px로 정해놓고 그 하위 모든 요소의 폰트 사이즈 세팅을 rem으로 하면 계산이 매우 쉬워진다. 위 이미지에서의 프로젝트는 기본 폰트사이즈가 13px이다.
'HTML,CSS' 카테고리의 다른 글
여러줄 ... 처리 (0) | 2020.11.17 |
---|---|
많이 깨지는 레이아웃 (0) | 2019.05.08 |
UI Framework 비교 vuetify vs bootstrap (0) | 2019.05.03 |
flexbox 정리해 놓은것 (0) | 2019.05.02 |
css에서 까다로운 이슈들 (0) | 2019.03.12 |