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

Question

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

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

如何在顺风中做到这一点

Answer 1

Tailwind 是移动优先，sm是 576px 及以上(640px in v1)，如果你想让它隐藏在下面md，它应该只是<div class="hidden md:block">

Answer 2

你能试一下吗：

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

或者sm:flex如果你想让它变得灵活。