CSS. 미디어 쿼리를 사용하여 변수 변경하기
미디어 쿼리를 사용하여 변수 변경하기 CSS 변수는 미디어 쿼리를 사용하는 방식을 단순화할 수 있습니다. 예를 들어, 화면이 미디어 쿼리 중단점보다 작거나 클 때 변수의 값을 변경할 수 있으며 사용되는 모든 위치에 스타일이 적용됩니다. 미디어 쿼리의 :root 선택기에서 --penguin-size가 재정의되고 200px 값이 지정되도록 변경합니다. 또한 --penguin-skin을 재정의하고 검은색 값을 지정합니다. 그런 다음 미리 보기의 크기를 조정하여 이 변경 사항이 실제로 적용되는지 확인합니다.