如何在 Vuetify 中根据 display/breakpoint 更改保证金
How to change margin based on display/breakpoint in Vuetify
我知道可以根据 display/breakpoints.
在 Vuetify 上设置保证金
如何更改以下 class，使当 breakpoint/display 为“s”或“xs”时，margin-top 将为 0：
<v-text-field class="mt-5" field> </v-text-field>
class="mt-sm-5 mt-0"
你可以这样读：如果屏幕比 sm 断点宽，则使用 mt-5，否则使用 mt-0
除了 Romalex 答案，here's a full list of Breakpoint in Vuetify
我知道这不是您想要的答案，但我想分享另一种使用 class 条件设置屏幕行为的方法。这是一个例子：
:class="[$vuetify.breakpoint.smAndDown?'class-1':'class-2']"
干杯~
我知道可以根据 display/breakpoints.
在 Vuetify 上设置保证金如何更改以下 class，使当 breakpoint/display 为“s”或“xs”时，margin-top 将为 0：
<v-text-field class="mt-5" field> </v-text-field>
class="mt-sm-5 mt-0"
你可以这样读：如果屏幕比 sm 断点宽，则使用 mt-5，否则使用 mt-0
除了 Romalex 答案，here's a full list of Breakpoint in Vuetify
我知道这不是您想要的答案，但我想分享另一种使用 class 条件设置屏幕行为的方法。这是一个例子：
:class="[$vuetify.breakpoint.smAndDown?'class-1':'class-2']"
干杯~