vue项目在webpack2实现移动端字体自适配功能

2020-06-16 06:59:18易采站长站整理

4 在项目中使用lib-flexible:

只需要在当前项目的main.js中引入:lib-flexible/flexible

在这里插入图片描述

5 效果:

在这里插入图片描述
在这里插入图片描述

6 总结:

通过上边在utils.js文件中对使用px2rem进行相关的中配置后,成功实现了自动将px换算成rem;

在main.js中引入lib-flexible/flexible,成功实现根节点根据页面视口变化而变化font-size大小。

画重点:
配置了rem,项目中样式直接写px就行,浏览器中看到的都是自动换算成rem的

到此这篇关于vue项目在webpack2实现移动端字体自适配的文章就介绍到这了,更多相关vue webpack2 移动端字体自适配内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网!