Tailwind CSS에서 미디어 쿼리 조건문 사용

Question

${window.scrollY>0?"bg-slate-50":""}중간 또는 대형 화면 크기의 Tailwind에 대해서만 확인하는 조건문을 어떻게 표현하나요?

P粉676588738 · Answer

다음 코드를 코드에 추가하면 쉽게 이 작업을 수행할 수 있습니다.

className={md:${window.scrollY > 0 ? "bg-slate-50" : "bg-transparent"}}

Tailwind가 하는 일이 바로 이것이다. 그렇지 않으면 사용자 정의 CSS를 직접 작성할 수 있습니다.

아직 활성화되지 않은 경우 tailwind.config.js에 필수 변형을 포함하십시오.

으아아아

P粉492959599 · Answer

${window.scrollY > 0 ? "max-md:bg-slate-50" : ""}