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

【问题标题】：Make element visible only for md sized devices使元素仅对 md 大小的设备可见
【发布时间】：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 应该可以工作。你能重现无效的例子吗？

标签： vue.js vuetify.js

【解决方案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

【讨论】：

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