1. 可以同时使用px和rem单位。2. 使用px单位可以直接指定具体的像素值，适用于一些固定尺寸的元素，例如边框、阴影等。而使用rem单位可以根据根元素的字体大小来进行相对单位的计算，适用于响应式布局和适配不同屏幕尺寸的需求。3. 在Vue项目中，可以通过设置全局样式表来同时使用px和rem单位。首先，在根元素的样式中设置字体大小为基准值，例如16px。然后，在需要使用px单位的地方直接使用px，而在需要使用rem单位的地方，可以通过计算得到相应的rem值，例如1rem等于16px。这样就可以根据需要灵活地使用不同的单位了。4. 另外，还可以使用postcss-pxtorem插件来自动将px单位转换为rem单位，以简化开发过程。该插件可以根据配置文件中的基准值和转换规则，自动将指定的px值转换为rem值，从而实现同时使用px和rem单位的效果。5. 总结起来，通过设置全局样式表和使用插件，可以在Vue项目中同时使用px和rem单位，以满足不同的布局需求和屏幕适配的要求。
2、在根目录src中新建util目录下新建rem.js等比适配文件
找到node_modules里的lib-flexible包,拷贝一份放在utils里面取名为flexible.js，修改lib-flexible的源码,(更改refreshRem函数)修改为下面的代码就可以了，当然if判断是根据自己需求的调整。
目的：因为lib-flexible的源码是针对移动端的设计方案，我们要实现PC的自适应所以屏幕尺寸也要更换。
3、在 main.js中引入我们刚修改过的flexible.js文件(因为我们更改了源码 ，所有我们需要引入我们改过的文件)
Rem单位和Flex布局可以很好地结合使用。Rem单位是指相对于根元素（通常为html）的字体大小的单位，而Flex布局是一种用于灵活排列元素的布局模式。
在使用Flex布局时，可以使用Rem单位来定义元素的尺寸、间距等属性。由于Rem单位具有相对性，可以根据根元素的字体大小的变化自动调整元素的尺寸。这使得在不同设备上实现自适应布局变得更加方便。
例如，可以使用Rem单位来定义Flex容器的宽度和高度，以及内部元素的间距和边距。通过在CSS中设置这些属性为Rem单位，可以实现元素的自适应布局。并且，由于Rem单位的相对性，即使在字体大小变化的情况下，元素的尺寸和间距也会相应地进行调整，以适应不同的设备和屏幕尺寸。
因此，Rem单位和Flex布局的组合可以提供更好的自适应性和灵活性，使得设计排版更加方便和易于维护。