min-width, max-width

min 최소,

최소 이만큼 이상이면 바뀜

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

  body{background-color: green;}

}

 

max 최대,

최대 이만큼 이하면 바뀜

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

  body{background-color: aqua;}

}

 

 

min : 이상, 모바일 우선, 모바일 먼저 작업하고 커진걸 @media min-width에 씀

max : 제한, 데스크탑 우선, 데스크탑 먼저 작업하고 작아진 걸 @media max-width에 씀

 

 

 

 

 

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

 

}

600px 이상 767px 이하