>  Q&A  >  본문

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

<p>이것을 어떻게 표현하나요</p> <pre class="brush:php;toolbar:false;">${window.scrollY > 0 ? " bg-slate-50" : ""}</pre> <p>중형 또는 대형 화면 크기에서 Tailwind에 대해서만 조건문을 확인하나요? </p>
P粉835428659P粉835428659459일 전527

모든 응답(2)나는 대답할 것이다

  • P粉676588738

    P粉6765887382023-08-11 14:28:01

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

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

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

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

    으아아아

    회신하다
    0
  • P粉492959599

    P粉4929595992023-08-11 11:56:12

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

    Tailwind 문서에서도 자세히 알아볼 수 있습니다. https://tailwindcss.com/docs/active-design#targeting-a-single-breakpoint

    회신하다
    0
  • 취소회신하다