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