如何在vue中添加rem适配 使元素随屏幕大小进行自适应【附代码】

今天爱分享给大家带来如何在vue中添加rem适配 使元素随屏幕大小进行自适应【附代码】，希望能够帮助到大家。

在vue项目中，有时候，我们需要是rem进行适配方案，使得高度、字号、内边距、外边距等等，可以随着屏幕大小进行变动，达到自适应的目的。

那么，在APP.vue里面设置，这样，全局使用时，只需要根据设计稿的尺寸来填写单位即可，不用进行换算了。

一、在APP.vue里面设置内容

二、在具体页面的运用

.van-tab {
    font-size: ~`rem(32)`;
}

这样，当在不同的页面，字体可以随着页面大小进行不同的转换了