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

Question

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

Answer 1

课程应该有效 class="hidden-lg-and-up hidden-sm-and-down"

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

例

Answer 2

这也应该有效：

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

来源。