본문 바로가기
카테고리 없음

미디어 쿼리 기기별 해상도 분기점

by 조롱박소년 2025. 2. 17.

필수적으로 뷰포트를 작성해야 한다.

 

<meta name="viewport" content="width=device-width, initial-scale=1" />

 

미디어쿼리 템플릿

 

@media screen and (min-width:1024px) {

/* Desktop */

}

@media screen and (min-width:768px) and (max-width: 1023px) {

/* Tablet */

}

@media screen and (max-width:767px){

/* Mobile */

}