프론트 개발 블로그

화면너비 폰트 사이즈 vw 구하기 본문

CSS

화면너비 폰트 사이즈 vw 구하기

maybe.b50 2022. 3. 25. 15:27

https://web-development.space/tools/px-to-vw/

 

PX to VW | Responsive values Converter (Calculator) | Web Development Space

Try to convert px to vw here! This online calculator can convert pixels (px) to variable widths (vw). Make your content ready for responsive use. Front-end developers will be happy!

web-development.space

 

percent = viewport size / 100 

vw = px / percent 

 

360 viewport 에서 18px 폰트 사이즈를 구한다고 가정 했을 때 

percent = 360 / 100  // 3.6
vw = 18 / 3.6        // 5vw
반응형

'CSS' 카테고리의 다른 글

특정 스크롤 위치에 부드럽게 애니메이션 적용 scroll-behavior: smooth;  (0) 2021.11.15
input 자동완성 배경색 변경하기  (0) 2021.10.28
word-wrap 대신 overflow-wrap  (0) 2021.06.30
[가상 클래스] not:() 을 사용해보자  (0) 2021.01.08
vw calculator  (0) 2020.12.28
'CSS' Related Articles more