vuetify.js - 如何将我的 Vuetify 网站最大宽度限制为 1440 像素？

Question

我想让我的网站包括 v-app-bar 以及在更大的屏幕上限制为最大宽度 1440 像素的所有内容，并在左右边缘添加一个细粗体。对于边缘以外的其余区域，我想添加一个漂亮的背景颜色或图像。

实现这个想法的更好方法是什么？我正在使用 Vuetify v2.1.5。谢谢。

标签： vuetify.js

Answer 1

你可以用普通的 'ol CSS

#page {
  background: url(niceimage.jpg);
  width: 100vw;
  min-height: 100vh;
}
#app {
  max-width:1440px;
  margin: 0 auto;
}

#app您的应用程序 div 在哪里，并且是#page包装它的元素；