如何使用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