간단한 반응형 폰트 설정 실전 팁 > 퍼블리싱강좌

퍼블리싱강좌

간단한 반응형 폰트 설정 실전 팁 정보

CSS 간단한 반응형 폰트 설정 실전 팁

본문

화면 크기에 따라 텍스트 크기가 너무 작거나 커져서 가독성이 깨짐.

html {
  font-size: clamp(14px, 2vw, 18px);
}

clamp(최소값, 뷰포트기반중간값, 최대값)
예: 화면이 작으면 14px, 크면 18px까지 자동 조절
이 방법은 미디어쿼리 없이도 폰트 자동 스케일링이 되어 실무에서 매우 유용합니다.
추천
1

댓글 0개

전체 299
퍼블리싱강좌 내용 검색

회원로그인