vue 使用postcss-px-to-viewport无法转化el-table表头宽度

Vue 中使用 postcss-px-to-viewport 这个插件将 px 单位转换为 viewport 单位（如vw、vh），通常用于响应式设计，以便在不同设备上自适应屏幕大小。然而，在处理像 Element UI 的 `el-table` 表格样式时，特别是表头（header）的宽度，可能会遇到一些挑战。

`el-table` 的样式通常是预计算好的，并且内部可能不会直接引用像素值，而是使用高度关联的百分比或者固定的 pixel 数量。当你尝试通过 postcss-px-to-viewport 转换这种内联样式时，由于它默认针对的是 HTML 元素的尺寸而不是组件库的具体结构，可能会失效。

解决这个问题的几种可能方法包括：

1. **手动调整**：你可以修改 Element UI 提供的 CSS 类名下的 width 属性，将其转换成视口单位，然后应用到实际的 table header 上。

2. **使用 scoped 模式**：如果你在 Vue 文件中使用 CSS，可以考虑开启 scoped 模式，使得 style 标签内的样式只作用于当前组件。这样可以直接在组件内导入并修改需要转换的样式。

3. **PostCSS 插件处理**：你可以创建一个 PostCSS 自定义插件，专门针对 Element UI 的样式进行转换。这可能涉及解析 Element UI 的 CSS 规则并做特殊的处理。

4. **使用 CSS Modules 或预处理器**：通过 CSS Modules 可以确保每个组件的样式隔离，或者使用 SASS/LESS 等预处理器，在编译阶段就将像素值转换为视口单位。