기기별 반응형 웹사이트 media query 문

media query 를 굳이 5개씩이나 나눠야 하나싶지만 ..

앞으로도 자주 쓰일 css 니 기록해둔다

사실 조금 수정해서 3개로만 나눠서 써도 무방할듯하다

@media (min-width: 1281px) {
	/*1281px 이상 해상도 데스크탑*/
}

@media (min-width: 1025px) and (max-width: 1280px) {
	/*1025px에서 1280px 사이 해상도 데스크탑*/
}

@media (min-width: 768px) and (max-width: 1024px) {
	/*768px에서 1024px 사이 태블릿*/
}

@media (min-width: 481px) and (max-width: 767px) {
	/*481px에서 767px 사이 태블릿 or 모바일 가로 화면*/
}

@media (min-width: 320px) and (max-width: 480px) {
	/*320px에서 480px 사이*/
}