모던 웹에서 사용하는 단위정리, 권장 Breakpoint

단위정리

• width : 16px ➡ 기본 px 단위
• width : 1.5rem ➡ html태그 혹은 기본 폰트사이즈의 1.5배
• width : 2em ➡ 내 폰트사이즈 혹은 상위요소 폰트사이즈의 2배
• width : 50vw ➡ 브라우저(viewport) 화면 폭의 50%
• width : 50vh ➡ 브라우저(viewport) 화면 높이의 50%

권장 Breakpoint 

• breakpoint: media query 문법 max-width 안에 넣는 브라우저 폭임
• 많은 사람들이 사용하는 breakpoint
    1200px / 992px / 768px / 576px