이전
목록
다음
고요빛물결

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

마젠토
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2020-09-27 (일) 07:52:38 · 1887 · 1

링크

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

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

 

글 안에 있는 데모

 

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

 

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

 

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

 

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

 

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

|

댓글 1개

만수킴
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2020-09-27 (일) 12:04:23
신기하네요~
스꾸랩~
댓글을 작성하시려면 로그인이 필요합니다.

CSS

89건

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

+
제목 글쓴이 날짜 조회
19-05-11 조회 1,871
19-04-29 조회 1,811
19-04-03 조회 1,791
19-02-28 조회 2,050
19-02-28 조회 2,155
19-02-27 조회 1,626
19-02-27 조회 2,994
19-02-27 조회 1,766
19-02-26 조회 1,686
19-02-26 조회 1,415
19-02-26 조회 2,647
19-02-25 조회 1,606
19-02-25 조회 1,550
19-02-25 조회 1,343
19-02-24 조회 1,716
19-02-24 조회 1,260
19-02-24 조회 1,457
19-02-23 조회 1,376
19-02-23 조회 1,666
19-02-23 조회 2,210
19-02-22 조회 1,631
19-02-22 조회 1,549
19-02-22 조회 1,832
19-02-21 조회 1,697
19-02-21 조회 1,358
19-02-21 조회 1,834
19-02-20 조회 1,216
19-02-20 조회 1,147
19-02-20 조회 1,109
19-02-19 조회 1,381
글쓰기