@media (max-width:767px){
/* 767px 이하 해상도에서 해석하는 코드 */
.mobile{
display:block;
background:red;
}
}
@media (min-width:768px) and (max-width:1024px){
/* 768~1024px 해상도에서 해석하는 코드 */
.tablet{
display:block;
background:green;
}
}
@media (min-width:1025px){
/* 1025px 이상 해상도에서 해석하는 코드 */
.desktop{
display:block;
background:blue;
}
}