AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
마

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

마젠토
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2020-09-27 (일) 07:52:38 · 1863 · 1

링크

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

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 관련 공부 및 자료 공유 소모임 게시판 입니다.

+
제목 글쓴이 날짜 조회
05-09 조회 72
23-07-22 조회 792
23-07-21 조회 727
22-09-20 조회 1,161
22-09-02 조회 1,479
22-03-19 조회 1,343
22-02-12 조회 1,254
21-05-06 조회 1,678
21-05-05 조회 2,427
21-04-07 조회 1,903
21-03-26 조회 1,530
21-03-14 조회 1,651
21-02-20 조회 3,982
21-02-19 조회 2,650
21-02-15 조회 1,543
21-02-13 조회 3,016
21-02-11 조회 1,887
21-02-07 조회 2,014
21-01-05 조회 1,463
20-12-30 조회 1,631
20-09-27 조회 1,864
20-09-04 조회 1,699
20-08-22 조회 1,715
20-07-01 조회 1,882
20-06-30 조회 1,999
20-06-27 조회 2,100
20-06-13 조회 1,824
20-05-13 조회 2,755
19-06-08 조회 2,019
19-05-14 조회 1,865
글쓰기