前端vue适配pc和h5

为了适配 PC 和 H5，可以采用以下几种方式：

1. 响应式布局：使用 CSS3 中的媒体查询，根据屏幕尺寸不同，加载不同的样式表，从而实现 PC 和 H5 的适配。

2. 使用 flex 布局：flex 布局是一种弹性布局方式，可以根据容器的大小自动调整子元素的位置和大小，适合于不同屏幕尺寸的适配。

3. 使用 rem 单位：rem 是相对于根元素（html）的字体大小而定的单位，可以根据不同屏幕尺寸动态设置根元素的字体大小，从而实现 H5 和 PC 的适配。

4. 使用 vw 和 vh 单位：vw 和 vh 单位是相对于视口宽度和高度的单位，可以根据不同屏幕尺寸动态设置元素的大小，从而实现 H5 和 PC 的适配。

以上是几种常用的前端适配方式，可以根据具体情况选择合适的方式来实现 PC 和 H5 的适配。