미디어 쿼리(media query)

석현정·2022년 12월 1일
0

✏️ 미디어쿼리 사용 방법 3가지

  1. 꾸미고 싶은 css밑에 추가(scss일 경우)
  2. css 파일 가장 최하단에 적용(css일 경우)
  3. 분기별 css파일을 만들어서 link로 불러옴
    *이중 가장 많이 쓰이는건 2번

📌 미디어쿼리 TIP!

  1. 항상 최소 기준을 보고 작업함.
    ㄴ 작은 pc(분기가 여러개) : 최소(1025px) / 최대(1230px)
    ㄴ 태블릿 : 최소(768px) / 최대(1024px)
    ㄴ 모바일(분기가 여러개) : 최소(320px) / 최대(767px)

📌 미디어쿼리 사용법

@media (max-width:최대크기){ //css }

profile
온전히 나를 위한 코딩 기록 공간

0개의 댓글