미디어쿼리1 [CSS] CSS 미디어쿼리(Media Query) 기본 사용법 1. 최소 반응형 레이아웃가장 대중적이고 많이 사용하고 있는 간결한 기준이다. 📝 미디어쿼리(Media Query) 형태// 뷰포트의 가로너비가 1025px 이상인 경우 적용 : 데스크탑 환경@media screen and (min-width: 1025px){ .. }// 뷰포트의 가로너비가 769px 이상 1024px 이하 : 태블릿 환경@media screen and (min-width: 769px) and (max-width: 1024){ .. }// 뷰포트의 가로너비가 768px 이하인 경우 적용 : 모바일 환경@media screen and (max-width: 768px){ .. }// 장치가 가로 방향인 경우 적용@media (orientation: landscape){ .. }// 장치가.. 2024. 5. 20. 이전 1 다음 728x90 반응형
