Hello, World!
이전
목록
다음
마

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

마젠토
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 5년 전 · 1781 · 1

링크

https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ (913)

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

 

글 안에 있는 데모

 

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

 

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

 

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

 

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

 

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

|

댓글 1개

만만수킴
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
신기하네요~
스꾸랩~
댓글을 작성하시려면 로그인이 필요합니다.

CSS

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

+
제목 글쓴이 날짜 조회
4년 전 조회 1,182
4년 전 조회 1,610
4년 전 조회 2,311
4년 전 조회 1,830
4년 전 조회 1,461
5년 전 조회 1,587
5년 전 조회 3,876
5년 전 조회 2,574
5년 전 조회 1,466
5년 전 조회 2,936
5년 전 조회 1,814
5년 전 조회 1,936
5년 전 조회 1,391
5년 전 조회 1,565
5년 전 조회 1,782
5년 전 조회 1,628
5년 전 조회 1,640
5년 전 조회 1,805
5년 전 조회 1,917
5년 전 조회 2,023
5년 전 조회 1,758
5년 전 조회 2,645
6년 전 조회 1,937
6년 전 조회 1,781
6년 전 조회 1,762
6년 전 조회 1,713
6년 전 조회 1,696
7년 전 조회 1,910
7년 전 조회 2,063
7년 전 조회 1,522
이전 첫 페이지 다음
글쓰기