隐藏的 Tailwind 移动设备无法正常工作答案

【问题标题】：Tailwind mobile device hidden is not working隐藏的 Tailwind 移动设备无法正常工作
【发布时间】：2021-02-25 16:23:24
【问题描述】：

我试图在移动设备中隐藏一个 div，但我无法做到这一点，这是我下面的代码

<div class="absolute top-0 inset-x-0 p-2 transition transform origin-top-right sm:hidden">
                <p>asdasd</p>
            </div>

如何在顺风中做到这一点

【问题讨论】：

【解决方案1】：

Tailwind 是移动优先的，sm 是 576px 及以上 (640px in v1)，如果要使其隐藏在 md 下方，则应为 <div class="hidden md:block">

【讨论】：

【解决方案2】：

你可以试试：

<div class="hidden sm:block">
  <p>asdasd</p>
</div>

或者sm:flex，如果你希望它是弹性的。

【讨论】：