vue3中el-card的高度怎么设置根据浏览器的缩放进行控制

在Vue3中，可以使用CSS中的viewport units（视窗单位）来实现根据浏览器缩放进行控制。具体来说，可以在el-card的样式中设置高度为vh单位，代表视窗高度的百分比，如下所示：

<template>
  <el-card class="my-card">
    <!-- card内容 -->
  </el-card>
</template>

<style>
.my-card {
  height: 80vh; /* 设置高度为视窗高度的80% */
}
</style>

这样设置后，el-card的高度会根据浏览器窗口的大小而自动调整。当浏览器窗口缩小时，el-card的高度也会相应地减小，保持和窗口高度的相对比例不变。