css.반응형 폰트사이즈 관련 팁

html { font-size: 62.5%; } /* 기본 100% = 16px을 62.5% = 10px 단위로 변경 */
    .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단위 변경 */
    }

반응형 디자인의 경우 사용자가 웹 브라우저 설정에서 폰트 기본 사이즈를 작거나 크게 변경할 수 있어야 하기 때문에 px을 쓰지 않는다. px 계산 조금 더 쉽게 정의하는 법!