반응형으로 폰트의 사이즈를 조절 할 수 있는 방법은 여러가지이다.
미디어 쿼리를 사용 해도 되지만,
미디어 쿼리를 사용 하지 않고 vmin 단위를 사용하여 브라우저의 사이즈가 조절될 때 폰트의 사이즈도 조절이 가능하다.
/* 미디어 쿼리 사용 */
font-size: 14px;
@media screen and (max-width: 500px) {
font-size: 12px;
}
/* 뷰포트 단위 사용 */
font-size: calc(10px + 2vmin);