pc端vue项目自适应电脑屏幕

要实现 PC 端 Vue 项目的自适应电脑屏幕，可以使用 CSS 的媒体查询和 viewport 单位配合使用。以下是具体步骤：

1. 在项目中引入 CSS 文件，并在其中设置基础样式，例如设置默认字体大小、行高等；

2. 使用 viewport 单位来设置元素的尺寸和位置，例如使用 vw 和 vh 来设置宽度和高度；

3. 使用媒体查询来根据屏幕尺寸和方向来修改样式，例如在小屏幕设备上隐藏某些元素或者调整元素的位置和尺寸；

4. 可以使用 Vue.js 的响应式布局工具，例如 Element UI 中的栅格系统，来方便地实现页面布局的自适应。

需要注意的是，不同的屏幕尺寸和设备可能需要不同的样式设置，因此可以使用多个媒体查询和 viewport 单位来适应不同的设备。