vue项目pc端屏幕适配

在Vue项目中实现PC端屏幕适配可以采用以下几种方法：

1. 弹性布局（Flexbox）：使用CSS3的Flexbox布局可以实现灵活的页面布局，不同屏幕大小下页面元素的位置和大小都可以自动适应。需要注意的是，Flexbox布局需要在父元素上设置display:flex属性。

2. 响应式布局（Responsive Layout）：通过媒体查询（media query）实现不同屏幕大小下的不同样式效果。可以在CSS中设置不同的样式表，根据屏幕大小选择不同的样式表来实现不同的布局。

3. rem单位：使用rem单位可以根据根元素（html）的字体大小来设置其他元素的大小，从而实现屏幕适配。可以在CSS中设置根元素的字体大小为屏幕宽度的一定比例，然后使用rem单位设置其他元素的大小。

4. Viewport单位：Viewport单位是相对于视口（viewport）的宽度或高度来计算的单位，可以实现响应式布局。可以在CSS中使用vw和vh单位来设置元素的大小，例如设置元素的宽度为50vw，表示元素的宽度为视口宽度的50%。

以上是常用的几种方法，具体选择哪种方法可以根据实际情况来决定。需要注意的是，不同的方法适用的场景不同，需要根据实际需求来选择。