在页面中使用flexible.js:
- 创建项目文件
- 在项目文件下通过npm下载flexible.js包
- 在html界面中引入flexible.js包
- 判断flexible.js是否失效
运行html页面到浏览器中,F12检查,查看html标签上面有没有添加style样式,如果有添加的font-size样式,证明flexible.js生效了。
注:
1920 / 24 = 80;(设计稿的宽度是1920px)
通过cssrem插件,将插件的手动转换换成80,当用户在使用css的时候写80,就会自动将80px转换成1rem
注意下载cssrem插件之后,要重启一下vscode,确保插件的正常运行🤭