Mobile?

@media (max-width:767px){ /* 767px 이하 해상도에서 해석하는 코드 */ .mobile{ display:block; background:red; } }

Tablet?

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

Desktop?

@media (min-width:1025px){ /* 1025px 이상 해상도에서 해석하는 코드 */ .desktop{ display:block; background:blue; } }