Media Query 반응형 디자인 크기 조절

@media screen and {max-width: 300px} {
	
}


@media {max-width: 300px} {
	
}

- 가로길이가 300px이하일때 바뀌게 설정

- all == screen 

---

@media {min-width: 200px} and {max-width: 300px} {
	
}

@media {min-width: 200px}, {max-width: 300px} {
	
}

- 가로길이가 200px 이상 300px이하일때 바뀌게 설정.

---

@media screen and {arientation: landscape} {
	
}

- 가로모드일때 변경

- 세로보다 가로길이가 더 클 때