Linearly Scale font-size with CSS clamp() Based on the Viewport

CSS clamp()를 사용해서 폰트 크기를 조정한다고 합니다.

 

글 안에 있는 데모

 

https://codepen.io/pprg1996/pen/yLONLPv

 

https://codepen.io/pprg1996/pen/BaKNePe

 

https://codepen.io/pprg1996/pen/xxVVKPZ

 

화면 가운데를 움직여서 화면을 크게/작게 움직여보세요.

 

스크린 사이즈가 작아질 때,  가독성을 높이기 위해서 폰트가 더 커져야 될 것 같은데..

|

댓글 1개

신기하네요~
스꾸랩~
댓글을 작성하시려면 로그인이 필요합니다. 로그인

CSS

CSS 관련 공부 및 자료 공유 소모임 게시판 입니다.

+
제목 글쓴이 날짜 조회
3년 전 조회 1,006
4년 전 조회 1,439
4년 전 조회 2,128
4년 전 조회 1,657
4년 전 조회 1,251
4년 전 조회 1,402
4년 전 조회 3,650
4년 전 조회 2,383
4년 전 조회 1,275
4년 전 조회 2,719
4년 전 조회 1,616
4년 전 조회 1,733
5년 전 조회 1,182
5년 전 조회 1,390
5년 전 조회 1,558
5년 전 조회 1,425
5년 전 조회 1,423
5년 전 조회 1,581
5년 전 조회 1,712
5년 전 조회 1,824
5년 전 조회 1,531
5년 전 조회 2,395
6년 전 조회 1,719
6년 전 조회 1,564
6년 전 조회 1,551
6년 전 조회 1,506
6년 전 조회 1,500
6년 전 조회 1,685
6년 전 조회 1,853
6년 전 조회 1,315
🐛 버그신고