Aspect Ratios
The v-responsive component can be used to fix any section to a specific aspect ratio
API
Name
aspect-ratio
Default
undefined
Type
string | number
Sets a base aspect ratio, calculated as width/height. This will only set a minimum height, the component can still grow if it has lots of content
Name
height
Default
undefined
Type
number | string
Sets the component height
Name
max-height
Default
undefined
Type
number | string
Sets the maximum height for the content
Name
max-width
Default
undefined
Type
number | string
Sets the maximum width for the content
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
The width of the content