[CSS]4.미디어쿼리 (media)

@@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@

 

@@@@@@@@12강~13강@@@@@@ 미디어쿼리 소개 및 써먹기

[1]미디어 쿼리 기본

- 화면의 크기에 따라 반응형 최적화 되는 디자인

(1)div태그를 어쩔 때 보이고, 어쩔때 안보이도록 하고싶다면

1)개발자도구에서 화면의 크기 확인

2)screen width > 800px  이때 div태그를 display:none;으로 하고싶음

-min(최소) 과 max(최대) 개념

Ex)max-width:800px >>> 800피셀보다 작을 때

 

 

 

 

[2]미디어쿼리 사용해보기

(1)800px보다 작을 때 아티클 아래로 내리기 (@media부터 )