vue 背景图片随游览器放大缩小等比变化

在Vue中，你可以使用CSS的background-size属性来实现背景图片随浏览器放大缩小等比变化的效果。

首先你的Vue组件的样式中，为背景元素添加一个class或者id，然后使用CSS来设置背景图片和相关的属性：

<template>
  <div class="container">
    <!-- your content here -->
  </div>
</template>

<style>
.container {
  background-image: url('your-image-url');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* 或者使用contain，根据你的需求选择合适的值 */
}
</style>

在上面的例子中，`background-size: cover;`会让背景图片保持等比例缩放，并且尽量铺满整个容器。如果你想让图片完全显示在容器内，可以使用`background-size: contain;`。

这样，当你调整浏览器窗口大小时，背景图片会自动进行等比缩放，以适应容器的大小变化。