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

CSS

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

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

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
  • 복사

댓글 1개

© SIRSOFT
현재 페이지 제일 처음으로