Media Query

미디어 쿼리 3가지 사용법

중요한점!

1)미디어쿼리에 태그명,클래스명 적을 때, 기존에 반영된 그대로 기입하여 적용시켜야 함.
2)항상 최소기준을 보고 작업해야 함.

방법 1

꾸미고 싶은 css 하단에 추가함.
(scss에서 주로 사용)

방법 2

css파일 가장 최 하단에 추가함.
(css에서 주로 사용)

방법 3

분기별 css파일을 만들어서 link로 불러옴.

코딩

//작은 pc 1230 (최소 1025)
@media (max-width:1230px){
...
}

//태블릿 1024 (최소 768)
@media (max-width:1024px){
...
}

//모바일 767 (최소 320)
@media (max-width:767px){
...
}