Responsive web

Responsive Web

-사용해야하는 이유: content가 container에 맞게 보여져야하기 때문
-fluid layout: flex grid, flex box, %, vw, vh
-지정된 크기에서 layout을 재배치 할 수 있는 방법: media queries

Media queries

@media screen and (min-width:800px) {
 .container {
   width:50%
   }
}

screen의 크기가 최소 800이면 container style으로 하라는 태그

이 문제에 관하여(Responsive web), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hyojung/Responsive-web

저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다