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

【问题标题】：How to limit my Vuetify website max-width to 1440px?如何将我的 Vuetify 网站最大宽度限制为 1440 像素？
【发布时间】：2019-10-18 14:43:45
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

你可以用普通的 'ol CSS

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

#app 是您的应用程序 div，#page 是包装它的元素；

【讨论】：