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

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

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

clamp(최소값, 뷰포트기반중간값, 최대값)
예: 화면이 작으면 14px, 크면 18px까지 자동 조절
이 방법은 미디어쿼리 없이도 폰트 자동 스케일링이 되어 실무에서 매우 유용합니다.
|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리싱강좌

+
분류 제목 글쓴이 날짜 조회
CSS 2개월 전 조회 138
CSS 2개월 전 조회 229
CSS 3개월 전 조회 296
CSS 4개월 전 조회 307
CSS 5개월 전 조회 463
CSS 6개월 전 조회 541
CSS 6개월 전 조회 460
CSS 7개월 전 조회 460
CSS 7개월 전 조회 585
CSS 7개월 전 조회 532
CSS 7개월 전 조회 447
CSS 8개월 전 조회 473
CSS 8개월 전 조회 502
CSS 8개월 전 조회 470
CSS 8개월 전 조회 599
CSS 8개월 전 조회 561
CSS 8개월 전 조회 526
CSS 8개월 전 조회 532
CSS 8개월 전 조회 399
CSS 2년 전 조회 1,684
CSS 3년 전 조회 2,730
CSS 4년 전 조회 4,278
CSS 4년 전 조회 4,784
반응형웹 5년 전 조회 3,171
반응형웹 5년 전 조회 3,013
부트스트랩 8년 전 조회 5,200
부트스트랩
[부트스트랩]
8년 전 조회 6,807
부트스트랩 8년 전 조회 4,836
부트스트랩 8년 전 조회 6,898
부트스트랩 8년 전 조회 3,513