728x90
Fluid Layout(유동형 레이아웃)
- 현재 뷰포트 width (또는 height)에 적응하도록 웹페이지를 설정하려면 다음을 사용
- 레이아웃에 % (또는 vh / vw) 단위를 사용하여 뷰포트에 적응해야 하는 요소에 대해 px 대신에 사용
- width 대신 max-width를 사용
Responsive Units
- 대부분의 길이에 대해 px 대신 rem 단위를 사용
- 전체 레이아웃을 자동으로 축소 (또는 확대)하는 것을 쉽게 만들기 위해
Flexbile Images
- 기본적으로 뷰포트를 변경할 때 이미지는 자동으로 크기가 조정되지 않으므로 이를 수정
- 이미지 차원에 대해 항상 %를 사용하고 max-width 속성과 함께 사용
Media Queries
- 특정한 뷰포트 너비(breakpoints)에서 CSS 스타일을 변경하려
- (미디어 쿼리가 특정 뷰포트 width에서 스타일을 변경해주기 때문) → 중단점
728x90