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 及以下,具体该怎么做?
Tailwind 断点首先是移动的,所以它们会向上移动。起初一切都是可见的。
你只需要隐藏 elem 。从一定尺寸及以上:
sm -> md -> lg -> xl -> 2xl
class="lg:hidden"将隐藏lg及以上元素- lg、xl、2xl
有关该主题的更多信息,请参阅:Tailwind 中的响应式设计
| 归档时间: |
|
| 查看次数: |
6101 次 |
| 最近记录: |