[CSS] 브라우저 창의 너비나 높이에 따라 크기가 변하는 가변 폰트 단위 vw, vh, vmin, vmax
em과 rem을 사용하면 기준이 되는 폰트 크기를 바꾸었을 때,다른 폰트의 크기들도 지정해둔 것에 따라 차등적으로 바뀌어 적용되기 때문에 편리하다.하지만 em과 rem은 브라우저의 창의 크기와는 상관이 없는 단위이다. 이와 달리 vw, vh, vmin, vmax는 브라우저 창의 가로 또는 세로 크기에 따라 변하는 폰트 단위이다. vw : viewport widthvw단위는 웹 브라우저의 가로폭 (너비)를 기준으로 결정되는 크기다.만약 웹 브라우저의 너비가 1280이고, 폰트 크기를 10vw라고 한다면이 때 10vw의 크기는 1280의 1%인 12.8px이 되는 것이다. vw단위를 지정한 예제는 이곳을 클릭하면 볼 수 있다.브라우저 창의 가로 크기를 늘렸다 줄였다 하면서 보면 글자 크기가 달라지는 것을 확..
Web/HTML|CSS
2016. 9. 22. 15:47
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 펨컵
- DIV
- 생리컵 안전성
- 웹브라우저창
- 생리컵직구
- CSS
- 생리컵리뷰
- menstrualcup
- 생리컵
- MINI 5PIN
- 가로크기
- 의료용실리콘
- 서부장애인종합복지관
- 전원 인식 안될 때
- 크기가 변하는 폰트
- threejs
- 알리생리컵
- 알리 생리컵
- 저렴한생리컵
- HTML
- 은평장애인인권영화제
- width
- 반응형웹디자인
- 타블렛 전원 불
- 와글와글영화제
- Femcup
- 브랜드생리컵
- 중국생리컵
- min-width
- 알리익스프레스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함