CSS Media query breakpoints 미디어 쿼리 중단점

/* Media Query for Mobile Devices */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	
}

/* Media Query for 320px — 480px: Mobile devices */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	
}

/* Media Query for 481px — 768px: iPads, Tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
}

/* Media Query for 769px — 1024px: Small screens, laptops */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
}

/* Media Query for 1025px — 1200px: Desktops, large screens */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	
}

/* Media Query for 1201px and more —  Extra large screens, TV */
@media only screen and (min-width: 1201px) {
	
}