font-size 62.5%

---

html {
  font-size: 62.5%
}

이런식으로 font size를 조절하는 방법이 있다

브라우저 기본 font size 가 16px인데,

위 코드를 이용해서 62.5%로 줄이면 10px 이 되기때문에 계산하기 편하라고 변경하는것이다

---

예를들어 디자이너가 30px짜리 버튼을 만들어줬다면, 기본상태에선 30px이 몇 rem인지 따로 계산을해야겟지만

위 트릭을 이용하면 3rem 으로 쉽게 계산할수있다

이게 좋은방법인지 아닌지는 모르겠으나,, MDN에도 써있는 트릭이긴하다

https://developer.mozilla.org/ko/docs/Web/CSS/font-size

---

rem, px 계산 사이트 -> https://offroadcode.com/rem-calculator