隐藏的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是mobile优先，

sm

是576px以上

(640px in v1)

，如果想让它隐藏在

md

下面，应该就是

<div class="hidden md:block">

Answer 2

你能试试吗：

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

或者

sm:flex

如果你想要它是灵活的。

Answer 3

这是隐藏在手机上的示例：

<a
                href="#"
                className="hidden md:block bg-transparent py-2 px-4 border border-black rounded-md text-base font-medium text-black hover:bg-gray-100"
              >
               text
              </a>