css 顺风移动终端隐藏不工作

ki1q1bka 于 2023-05-08 发布在其他

关注(0)|答案(3)|浏览(215)

我试图隐藏一个div在移动终端，但我不能这样做，这是我的代码如下

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

如何在顺风中做到这一点

css

来源：https://stackoverflow.com/questions/64824666/tailwind-mobile-device-hidden-is-not-working

3条答案

按热度按时间

oknwwptz1#

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

赞(0）回复(0）举报 2023-05-08

ckx4rj1h2#

你可以试试：

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

或者sm:flex，如果你希望它是灵活的。

赞(0）回复(0）举报 2023-05-08

vaqhlq813#

这是一个隐藏在移动的上的示例：

<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>

赞(0）回复(0）举报 2023-05-08

我来回答

css 顺风移动终端隐藏不工作

3条答案

相关问题

热门标签

最新问答