COMING SOON 🚀

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

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

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

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

퍼블리싱강좌

+
분류 제목 글쓴이 날짜 조회
CSS 2개월 전 조회 155
CSS 3개월 전 조회 251
CSS 3개월 전 조회 308
CSS 5개월 전 조회 330
CSS 5개월 전 조회 483
CSS 6개월 전 조회 558
CSS 6개월 전 조회 478
CSS 7개월 전 조회 483
CSS 7개월 전 조회 610
CSS 8개월 전 조회 549
CSS 8개월 전 조회 472
CSS 8개월 전 조회 493
CSS 8개월 전 조회 525
CSS 8개월 전 조회 504
CSS 8개월 전 조회 631
CSS 8개월 전 조회 590
CSS 8개월 전 조회 552
CSS 8개월 전 조회 562
CSS 8개월 전 조회 425
CSS 2년 전 조회 1,711
CSS 3년 전 조회 2,767
CSS 4년 전 조회 4,317
CSS 4년 전 조회 4,819
반응형웹 5년 전 조회 3,205
반응형웹 5년 전 조회 3,045
부트스트랩 8년 전 조회 5,241
부트스트랩
[부트스트랩]
8년 전 조회 6,845
부트스트랩 8년 전 조회 4,873
부트스트랩 8년 전 조회 6,951
부트스트랩 8년 전 조회 3,556