使元素仅对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"

Example

Answer 2

这也应该起作用：

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

Source。