今天爱分享给大家带来如何在vue中添加rem适配 使元素随屏幕大小进行自适应【附代码】,希望能够帮助到大家。
在vue项目中,有时候,我们需要是rem进行适配方案,使得高度、字号、内边距、外边距等等,可以随着屏幕大小进行变动,达到自适应的目的。
那么,在APP.vue里面设置,这样,全局使用时,只需要根据设计稿的尺寸来填写单位即可,不用进行换算了。
一、在APP.vue里面设置内容
二、在具体页面的运用
.van-tab { font-size: ~`rem(32)`; }
这样,当在不同的页面,字体可以随着页面大小进行不同的转换了