모스카토

1. 미디어쿼리 @media pc, 태블릿, 모바일 등 기기의 화면 크기에 맞게 웹사이트를 만들 수 있다. 반응형 : 크기 변화를 줬을 때 자연스럽게 변화하는 사이트 적응형 : 크기 범위별로 단계적으로 변화하는 사이트 1. 미디어 쿼리 : @media (min-width : 320px ) and (max-width : 800px ){ css } 브라우저의 가로폭을 설정하는 기능 외에 없다. 미디어쿼리를 셀렉터로 주고 css를 주면 설정한 가로폭에 해당하는 화면일 때 적용한 css가 적용된다. 미디어 쿼리에 작성하지 않은 속성들은 @media 밖에서 작성한 코드를 상속받아서 적용된다. 2. 미디어 쿼리가 정상적으로 출력되는지 확인하는법 1. 크롬 개발자도구에서 Elements왼쪽 2. Troy Labs -..