如何在 Tailwind 中设置元素在中屏及以下屏幕上显示?

Bea*_*ont 3 responsive-design tailwind-css

hidden md:block我有一个 div,其中包含来自 Heroicon: 的该元素 的类<MenuIcon class="ml-1 mr-2 h-5 w-5 text-gray-500"/>

目前,div 元素仅在屏幕尺寸为 时显示md,但我想显示 atmd 以下,具体该怎么做?

Jso*_*ody 5

Tailwind 断点首先是移动的,所以它们会向上移动。起初一切都是可见的。

你只需要隐藏 elem 。从一定尺寸及以上:

sm -> md -> lg -> xl -> 2xl

class="lg:hidden"将隐藏lg及以上元素- lg、xl、2xl


有关该主题的更多信息,请参阅:Tailwind 中的响应式设计