如何使用 vuetify 制作自适应网站?

How can I make adaptive website with vuetify?

我想用 vuetify 做一个自适应网站:https://vuetifyjs.com/en/

所以会提供几个版本的网站,根据设备使用。

自适应设计会提供320、480、760、960、1200、1600像素等多种不同尺寸的设计。

所以大约有 6 种不同的尺寸。这是否意味着我将制作 6 种类型的网页?

我阅读了 vuetify 的文档 https://vuetifyjs.com/en/styles/float#responsive。但似乎它只是响应式网站。无自适应网站

我对使用 vuetify 实现自适应网站感到困惑

我知道响应式网站。但是对于这种情况,我想在我的项目中实现自适应网站

因此,自适应设计的整个思想是创建多个不同的设计。如果您有六种不同的尺寸,则每个页面将有六个不同的版本。建议使用 Vuetify 的断点系统(您可以通过 this.$vuetify.breakpoint.name 以编程方式获取)来确定您显示的设计。此处有更多详细信息:https://vuetifyjs.com/en/customization/breakpoints