미디어 쿼리에서 작동하지 않는 CSS 네이티브 변수 미디어 쿼리에서 CSS 변수를 사용하려고하는데 작동하지 않습니다. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { } 로부터 사양 , 이 var()함수는 요소의 모든 속성에있는 값의 일부 대신 사용할 수 있습니다. 이 var()함수는 속성 이름, 선택기 또는 속성 값 이외의 다른 것으로 사용할 수 없습니다. (그렇게하면 일반적으로 잘못된 구문이 생성되거나 의미가 변수와 연결되지 않은 값이 생성됩니다.) 따라서 아니요, 미디어 쿼리에서 사용할 수 없습니다. 그리고 그것은 의미가 있습니다. --mobile-breakpoint예를 들어 :root, 즉 요소..