breakpoint

    [ CSS ] 반응형 웹/Viewport/Media Query/Breakpoint

    ꕥ웹뷰 프로젝트를 업무로 맡고 있기 때문에 뷰포트에 대해 알아보겠습니다!ꕥ반응형 디자인(Responsive Design) : 세상엔 수많은 기기가 있는데, 다양한 화면 크기에 따라 레이아웃과 스타일을 동적으로 조정하여 웹 페이지를 최적화된 형태로 보여주는 디자인이다.적응적 디자인(Adaptive Design) : 특정 화면 크기(해상도)에 맞게 레이아웃이 변하는 디자인이다. 미디어 쿼리를 사용한다.유동적 디자인(Fluid Design) : 화면 크기에 맞게 요소의 크기가 변하는 디자인이다. %, vw, vh 비율을 사용하고, 요소를 Flex, Grid로 유연하게 배치한다.뷰포트(Viewport) : 사용자가 웹 브라우저를 통해 보는 화면 영역이다.MetaTagvw : 뷰포트 너비의 비율이다.vh : 뷰포..