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

Question

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

因此将提供几个版本的网站，将根据设备使用。

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

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

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

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

我知道响应式网站。但是对于这种情况，我想为我的项目实施自适应网站

Answer 1

因此，自适应设计的整个想法是创建几种不同的设计。如果您有六种不同的尺寸，则每个页面将有六个不同的版本。建议使用 Vuetify 的断点系统（您可以通过this.$vuetify.breakpoint.name 以编程方式获得）来确定您展示的设计。更多细节在这里：https://vuetifyjs.com/en/customization/breakpoints