Aspect Ratios

The v-responsive component can be used to fix any section to a specific aspect ratio

用例

Specify a custom aspect-ratio

API

v-responsive
名称
aspect-ratio
默认值
undefined
类型
string | number

Framework.AspectRatios.

名称
height
默认值
undefined
类型
number | string

设置组件高度

名称
max-height
默认值
undefined
类型
number | string

设置内容的最大高度

名称
max-width
默认值
undefined
类型
number | string

Framework.AspectRatios.

名称
min-height
默认值
undefined
类型
number | string

Framework.AspectRatios.

名称
min-width
默认值
undefined
类型
number | string

Framework.AspectRatios.

名称
width
默认值
undefined
类型
number | string

内容的宽度

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore