![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdnPDRG%2FbtsEFTOs2jf%2FgXLIhrfA4K8FFrOIu05IGk%2Fimg.png)
Fluid Layout(유동형 레이아웃) 현재 뷰포트 width (또는 height)에 적응하도록 웹페이지를 설정하려면 다음을 사용 레이아웃에 % (또는 vh / vw) 단위를 사용하여 뷰포트에 적응해야 하는 요소에 대해 px 대신에 사용 width 대신 max-width를 사용 Responsive Units 대부분의 길이에 대해 px 대신 rem 단위를 사용 전체 레이아웃을 자동으로 축소 (또는 확대)하는 것을 쉽게 만들기 위해 Flexbile Images 기본적으로 뷰포트를 변경할 때 이미지는 자동으로 크기가 조정되지 않으므로 이를 수정 이미지 차원에 대해 항상 %를 사용하고 max-width 속성과 함께 사용 Media Queries 특정한 뷰포트 너비(breakpoints)에서 CSS 스타일을 변..