<12> HTML & CSS

[css 단위]

1. px: 해상도에 따른 상대단위, 고정하는데 사용하는 픽셀 단위(가장 많이 사용)

 

2. %: 상대적으로 부모요소의 사이즈 영향을 받음

 

3. em: 자기 자신의 폰트 사이즈에 대해 영향을 받음

           즉 font-size가 10px이면 600px = 60em

 

4. rem: HTML에 지정된 폰트 사이즈의 영향만을 받음

 

5. vw: 화면에 출력하는 화면전체를 뷰포트(Viewport)라고 하는데 뷰포트의 비율로 가로넓이

 

6. vh: 뷰포트의 비율로 세로넓이

 

7. vmin: 뷰포트의 최소넓이

              즉 가로와 세로를 생각했을때 더 짧은 쪽에 비율로 넓이가 됨

 

8. vmax: 뷰포트의 최대넓이