mediaquery1 [CSS] Media Query(미디어 쿼리) if 문과 비슷하게, 조건에 따라 style을 다르게 적용할 수 있음 기본적인 문법은 다음과 같음@media (조건) { ~style 관련 내용~} 조건 관련해서 기본적으로 알아두면 좋은게 max-width와 min-width!max-width : 조건에 설정된 값보다 작거나 같은 경우 적용min-width : 조건에 설정된 값보다 크거나 같은 경우 적용/* 브라우저 화면 너비가 790px 이하인 경우 */@media(max-width:790px){ .container{ width: 100%; height: auto; margin: 0 auto; display: flex; flex-direction: column; } .. 2024. 7. 30. 이전 1 다음