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

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

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

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

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


 

二、在具体页面的运用

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

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

人已赞赏
前端

nodejs中文乱码问题如何解决【附代码】

2020-11-10 23:32:55

前端

nodejs tinypng 压缩实现【附代码】

2020-11-10 23:52:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
'); })();