vue项目中大屏设置1920:1080分辨率的自适应界面样式；在小屏幕中可按16:9的比例进行缩小

针对你的问题，可以考虑使用CSS3中的媒体查询（Media Query）和Viewport单位来实现自适应界面。具体实现步骤如下：

1. 在项目中引入Viewport单位。在HTML文档中的head标签中加入以下代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

2. 在CSS样式表中使用媒体查询来设置不同分辨率下的样式。例如：

/* 默认样式 */
body {
  font-size: 16px;
}

/* 适应分辨率1920x1080 */
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  body {
    font-size: 20px;
    /* 其他样式 */
  }
}

/* 适应16:9比例的小屏幕 */
@media screen and (max-aspect-ratio: 16/9) {
  body {
    font-size: 14px;
    /* 其他样式 */
  }
}

在以上代码中，我们使用了两个媒体查询：一个用来适应分辨率为1920x1080的大屏幕，另一个用来适应16:9比例的小屏幕。在这些媒体查询中，我们可以设置不同的样式来适应不同的屏幕大小和分辨率。

3. 在Vue组件中使用Viewport单位。例如：

<template>
  <div class="container">
    <div class="content">
      <!-- 内容 -->
    </div>
  </div>
</template>

<style scoped>
.container {
  width: 100vw; /* 使用Viewport单位设置宽度 */
  height: 100vh; /* 使用Viewport单位设置高度 */
}

.content {
  width: 80%; /* 使用百分比设置宽度 */
  margin: 0 auto; /* 使用margin实现水平居中 */
}
</style>

在以上代码中，我们使用了Viewport单位来设置容器的宽度和高度，这样容器就可以自适应不同的屏幕大小。同时，我们也使用了百分比来设置内容区域的宽度，这样可以让内容在容器中居中显示。

综上所述，使用Viewport单位和媒体查询可以很好地实现Vue项目中的自适应界面。