미디어쿼리1 모바일과 컴퓨터(데스크탑)에서 각각 동작하는 CSS .daerew { background: #EEE; text-align: justify; } @media only screen and (max-width: 767px) { /* 모바일에서 작동 */ .daerew { padding: 0 3rem 5rem 3rem; } } @media all and (min-width:767px) { /* 데스크 탑에서 작동 */ .daerew { padding: 0 7rem 5rem 7rem; } } 오래 전에는 홈페이지를 만들 때 모니터 크기가 다르고 브라우저가 다른 것을 고려해야 했다면,이제는 모바일을 고려해야 하고 오히려 모바일 중심으로 만드는 것이 대세기 때문에 미디어쿼리가 필수적이다. 2024. 5. 23. 이전 1 다음