반응형 웹 폰트 구성

https://nykim.work/85

html { font-size: 62.5%; }
.image { width: 12rem; } //120px
.item { font-size: 1.6rem; } //16px
.copyright { margin-top: 5rem; } //50px
 
@media all and (max-width: 750px) {
  html { font-size: 50%; } // 이제 문서 내 모든 rem 단위가 영향을 받습니다.
}

root에 font size를 기본값 대신 62.5%로 설정하면 폰트사이즈 rem으로 설정했을 때 10만 곱하면 되는 인지하기 더 쉬운 숫자로 작업가능
@media query를 이용하여 브라우저 사이즈에 따라 html 퍼센트 수정