[HTML/CSS] @media 태그 / mediaquery

- 반응형으로 만들 때 필요한 태그이다. 사이즈는 아래와 같이 맞추면 된다.

/* PC */
@media (min-width: 1024px) {
	... css 작성
}

/* 태블릿/아이패드 */
@media (min-width: 768px) and {max-width: 1023px} {
	... css 작성
}

/* 모바일 */
@media (max-width: 767px) {
	... css 작성
}

/* 세로모니터 판별 */
@media (orientation: portrait) {
}

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.