62.5% 내가 가장 좋아하는 CSS 값(지금까지)

반응형

제가 작년에 웹사이트를 만들기 시작했을 때 주로 HTML과 SASS로 작업했을 때, 저는 구성 요소 사이징을 위해서만 px 단위를 사용하려고 했습니다. 저는 웹 페이지를 필요한 만큼 반응성 있게 만드는 것에 별로 관심이 없었습니다. 왜냐하면 제 초점은 인터페이스 디자인을 최대한 살리는 것이었기 때문입니다.
저는 2~3개 정도의 학교 프로젝트를 마치고 케빈 파월의 CSS 유닛이 결국 렘 유닛에 대해 배우는 영상을 보고 그 이후 거의 모든 것에 사용하고 있습니다.

렘 및 62.5% 값

루트 html의 기본 글꼴 크기는 16px이며 rem 단위를 사용할 때마다 이 값을 참조합니다. 1 rem은 16px와 같습니다. 그러나 정확한 px 단위 값을 얻기 위해서는 계산을 해야 하기 때문에 이 값은 구성 요소의 크기를 지정하기가 어렵습니다.
루트 글꼴 크기를 62.5%로 변경함으로써 궁극적으로 사용 및 조작이 훨씬 쉬운 10px로 설정할 수 있습니다. (10px는 기본 16px 루트 글꼴 크기의 62.5%입니다.)

마무리 생각

 

루트 글꼴 크기를 62.5%로 설정하면 저와 많은 개발자들이 글꼴 계산 과정에서 많은 시간을 절약할 수 있고 인터페이스 설계를 매우 쉽게 참조할 수 있습니다. 반응형 레이아웃 사양 목록에 쉽게 체크 표시가 됩니다!