# vw

12개의 포스트

절대 단위와 상대 단위

절대 단위 (Absolute length units) : 다른 것과 상관 없이 항상 동일한 크기인 단위 px pt | 단위 | 관련 사항 | |:---:|-----| |px|픽셀| |pt|포인트| 기기나 브라우저 사이즈 등의 환경에 영향을 받지 않는 절대적인 크기로

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

css 단위 | em, rem, vw, vh, %

절대단위(absolute unit) : css에서의 절대단위는 보통 px(픽셀), pt(포인트)를 많이 쓴다. 그렇지만 이 단위들은 화면의 크기가 변화해도 변하지 않기에 추천하지 않는다.상대단위(relative unit) : 브라우저를 기준으로 폰트 사이즈가 유연하게

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

가변 공식 (그리드, 마진, 패딩, 폰트, 멀티미디어)

(가변 크기로 만들 박스의 가로너비, 마진값, 패딩값 $\\div$ 가변 크기로 만들 박스를 감싸고 있는 박스의 가로너비)x 100300px $\\div$ 960px \* 100 = 31.25%width : 31.25%ex) 40px기준40px $\\div$ 960px

2022년 6월 15일
·
0개의 댓글
·
post-thumbnail

픽셀 값을 변환하자!

프로젝트에서 웹 프론트뷰를 짜다보면 px값을 rem 단위로 변환하거나 뷰 포트 단위로 변환해야하는 경우가 생긴다. 그때 유용한 페이지! (사실 내가 보려고 출간,,)px을 em / rem으로 변환px을 vw / vh 뷰포트 단위로 변환

2022년 6월 1일
·
0개의 댓글
·
post-thumbnail

가변크기단위 / em, %, rem, vw, vh, vmin, vmax

px 같은 고정크기 단위가 아닌 주변의 font-size를 기준으로 변하는 단위가 있다!하나씩 알아보자.간혹 1em, 2em 보일 때가 있었다. 배수를 뜻하는 가변크기 단위다.⭐ 기준 : 부모의 글자크기출력(부모의 크기값 \* 자식의 em 값) = 자식이 가지게 될 크

2022년 4월 6일
·
0개의 댓글
·
post-thumbnail

CSS 프로퍼티 값의 단위

px은 픽셀(화소) 단위이다. 1px은 화소 1개 크기를 의미한다.픽셀은 디바이스 해상도(resolution)에 따라 상대적인 크기를 갖는다.이와 같이 디바이스 별로 픽셀(화소)의 크기는 제각각이기 때문에 픽셀을 기준으로 하는 단위는 명확하지 않다.%는 백분률 단위의

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

[CSS] Unit(단위) & calc(),min(),max()

Unit과 이를 활용한 calc(),min(),max() 함수에 대해 다룬다.

2021년 9월 29일
·
0개의 댓글
·
post-thumbnail

TIL 반응형 레이아웃을 위한 units : rem, em, v*, %

단위에 대해 제대로 이해해보자아!

2021년 6월 13일
·
1개의 댓글
·
post-thumbnail

width값 100vw와 100%

도대체 난 그동안 뭘한거지? width값 100vw 100%의 차이점은? 어라? 나 왜 모르지?? 어떻게 모를 수 있지??? 공부한지 1년이 다 되어가는데 모른다니 부끄럽고 스스로에게 화가난다. 그러니 이참에 제대로 공부해보자! (mdn과 여러 기술블로그를 구글링하여

2021년 5월 11일
·
0개의 댓글
·

css vh, vw

100vh - 화면 높이 전체를 쓰겠다.100vw - 화면 너비 전체를 쓰겠다.50vh - 화면 전체의 반을 쓰겠다.50vw - 화면 너비 반을 쓰겠다.

2021년 3월 22일
·
0개의 댓글
·

HTML unit

CSS의 기본이 될 수 있는 크기 단위 정리

2020년 2월 13일
·
0개의 댓글
·