profile
꾸준히 나아가는 개발자입니다.

px, em, rem, vw, vh

유투브 알고리즘이 인도해줘서 관련 강의를 보고 정리. CSS에서 크기를 설정할 수 있는 단위에는 절대적인 값(Absolute)과 상대적인 값(Relative)이 있다. 절대적인 값은 지정한 사이즈를 변동시킬 수 없는 것이며, px을 예로 들 수 있다. 상대적인 값은 브라우저의 크기, 설정 등을 통해 변동되는 것이며 em, rem, vw, vh, % 등을 예로 들 수 있다. 절대적인 값 px 모니터 위에서 화면에 나타낼 수 있는 가장 작은 단위. 컨테이너의 사이즈가 변경되어도 컨텐츠가 고정된 값으로 유지된다. 폰트 값으로 줄 경우, 사용자가 브라우저에서 폰트 사이즈 설정을 해도 반응하지 않는다. 상대적인 값 em 타이포그래피에서 현재의 지정된 포인트 사이즈를 나타내는 단위(현재의 폰트 사이즈를 나타내는 단위) 선택된 폰트 패밀리에 상관없이 항상 고정된 폰트 사이즈를 지닌다. 부모의 폰트 사이즈에 따라 상대적으로 크기가 계산 된다. 기본적으로 브라우

2023년 1월 11일
·
0개의 댓글
·