PX

[HTML/CSS] px, em, rem, vw, vh 에 대하여

용어 정리 px ( pixel ) : 픽셀 em ( element ) : 엘리멘트 rem ( root - element ) : 루트 엘리멘트 vw ( Viewport Width ) : 뷰포트 길이 vh ( Viewport Height ) : 뷰포트 높이 절대 길이 단위 px px 는 고정 값을 쓰는 절대 길이 단위이다. 특정 뷰가 늘어나건 줄어들건에 관계없이 지정한 사이즈를 계속 보여준다 참고로 96px 는 1 인치라고 한다. 상대 길이 단위 em, rem, vw, vh 는 상대 길이 단위이다. em, rem em 과 rem 은 폰트에 비례한 크기로 em은 element 의 폰트 사이즈, rem은 root 의 element 사이즈이다. em, rem 둘다 디폴트 값은 16px 이다. rem em 라고 했..