vuetify中如何填充内容的宽度

Question

1. 我想要的是用 vuetify 填充整个手机屏幕的宽度

使用此代码：

  <v-content>
    <router-view>
      <v-container fluid></v-container>
    </router-view>
  </v-content>

路由器视图在左右两边都有边距

1. 并且底部导航已经安装在屏幕上，我不会拖动屏幕来显示底部导航

原文由 TheBAST 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我只需要在移动设备上动态删除填充，这对我有用：

 <v-container :class="{'px-0': $vuetify.breakpoint.xsOnly }">
   <router-view> </router-view>
</v-container>

到目前为止，我找不到太多文档，但查看 代码 我发现了这些：

 // Breakpoint ranges.
xsOnly,
smOnly,
smAndDown,
smAndUp,
mdOnly,
mdAndDown,
mdAndUp,
lgOnly,
lgAndDown,
lgAndUp,
xlOnly,

原文由 Tim Scholten 发布，翻译遵循 CC BY-SA 3.0 许可协议