vue盒子宽800px高600px适应屏幕大小

如果你想让一个盒子在宽度为800px，高度为600px的情况下适应屏幕大小，你可以使用CSS中的媒体查询（Media Queries）来实现。具体来说，你可以在CSS中添加以下代码：

.container {
  width: 800px;
  height: 600px;
}

@media screen and (max-width: 800px) {
  .container {
    width: 100%;
    height: auto;
  }
}

这段代码中，我们首先给容器设置了一个固定的宽度为800px，高度为600px。然后在媒体查询中，我们指定了当屏幕宽度小于等于800px时，容器的宽度为100%，高度为auto（自适应高度）。

接下来，在Vue组件的`<style>`标签中添加上述代码，然后在模板中使用`class="container"`来给容器元素添加样式，如下所示：

<template>
  <div class="container">
    <!-- 这里是容器内容 -->
  </div>
</template>

<style>
.container {
  width: 800px;
  height: 600px;
}

@media screen and (max-width: 800px) {
  .container {
    width: 100%;
    height: auto;
  }
}
</style>

这样就可以让你的盒子在宽度为800px，高度为600px的情况下适应屏幕大小了。