미디어쿼리 해상도 폭 다크모드 설정
미디어 쿼리 적용하여 반응형 웹사이트가 보다 효과적으로 대응할 수가 있습니다. 대표적으로 사용하는 기능은 화면 해상도에 따른 다른 CSS 속성을 적용하여 그에 맞는 디자인 및 기능을 적용할 수 있습니다. @media screen and (width: 767px) { body { color: red; } } 미디어 쿼리를 해상도로 설정을 하게 되면 사용 중인 기기의 해상도가 설정한 해상도와 같으면 적용한 속성이 적용되게 됩니다. @media screen and (max-width: 767px) { body { color: blue; } } max 추가하여 설정하게 되면 설정한 폭 767 보다 좁은 폭일 경우 설정한 속성이 우선적용됩니다. @media screen and (min-width: 767px) {..
2022. 12. 25.