Aspect Ratios

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

Usage

Specify a custom aspect-ratio

API

v-responsive
Name
aspect-ratio
Default
undefined
Type
string | number

Framework.AspectRatios.

Name
height
Default
undefined
Type
number | string

Framework.AspectRatios.

Name
max-height
Default
undefined
Type
number | string

Framework.AspectRatios.

Name
max-width
Default
undefined
Type
number | string

Framework.AspectRatios.

Name
min-height
Default
undefined
Type
number | string

Framework.AspectRatios.

Name
min-width
Default
undefined
Type
number | string

Framework.AspectRatios.

Name
width
Default
undefined
Type
number | string

Framework.AspectRatios.

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