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

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

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

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

퍼블리싱강좌

+
분류 제목 글쓴이 날짜 조회
CSS 2개월 전 조회 133
CSS 2개월 전 조회 226
CSS 3개월 전 조회 293
CSS 4개월 전 조회 303
CSS 5개월 전 조회 461
CSS 6개월 전 조회 540
CSS 6개월 전 조회 453
CSS 7개월 전 조회 456
CSS 7개월 전 조회 581
CSS 7개월 전 조회 527
CSS 7개월 전 조회 445
CSS 8개월 전 조회 467
CSS 8개월 전 조회 499
CSS 8개월 전 조회 467
CSS 8개월 전 조회 596
CSS 8개월 전 조회 557
CSS 8개월 전 조회 524
CSS 8개월 전 조회 528
CSS 8개월 전 조회 397
CSS 2년 전 조회 1,681
CSS 3년 전 조회 2,725
CSS 4년 전 조회 4,275
CSS 4년 전 조회 4,780
반응형웹 5년 전 조회 3,165
반응형웹 5년 전 조회 3,006
부트스트랩 8년 전 조회 5,198
부트스트랩
[부트스트랩]
8년 전 조회 6,797
부트스트랩 8년 전 조회 4,834
부트스트랩 8년 전 조회 6,892
부트스트랩 8년 전 조회 3,508