使元素仅对 md 大小的设备可见

Posted 2023-02-16

【中文标题】使元素仅对 md 大小的设备可见

【英文标题】：Make element visible only for md sized devices

【发布时间】：2018-10-04 05:26:59

【问题描述】：

根据https://vuetifyjs.com/en/layout/display 您可以隐藏特定设备大小或范围的上升或下降。但是你如何只为 md 大小的设备显示一个 div 呢？ hidden-lg-and-up hidden-sm-and-down 似乎不起作用。连接 hidden-x-only 似乎也不起作用。

【问题讨论】：

hidden-lg-and-up hidden-sm-and-down 应该可以工作。你能重现无效的例子吗？

【参考方案1】：

这也应该有效：

class="d-none d-md-flex d-lg-none"

Source.

【参考方案2】：

类应该可以工作class="hidden-lg-and-up hidden-sm-and-down"

或者你可以使用v-show="$vuetify.breakpoint.md"

Example

【讨论】：

如何让导航抽屉仅在较小的（移动设备）中可用？