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