长宽比

v-responsive 组件可用于将任何部分固定到特定的宽高比。

用例

指定自定义长宽比

template


  1. <template>
  2. <div>
  3. <v-card>
  4. <v-responsive :aspect-ratio="16/9">
  5. <v-card-text>
  6. This card will always be 16:9 (unless you put more stuff in it)
  7. </v-card-text>
  8. </v-responsive>
  9. </v-card>
  10. </div>
  11. </template>

Aspect ratios(长宽比) - 图1

API

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

Aspect ratios(长宽比) - 图2