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

퍼블리싱강좌

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

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

본문

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

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

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

댓글 0개

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

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT