VScode cssrem插件使用 详细教程
2018-01-18 本文已影响1720人
丘比特爱上猫
VScode cssrem插件使用 详细教程
1. 下载插件
打开扩展,搜索cssrem如图:点击安装
![](https://img.haomeiwen.com/i5809200/9326337d36249e98.png)
2. 重新加载
下载安装完成重新加载一遍,使插件生效
![](https://img.haomeiwen.com/i5809200/378db8dcf1221844.png)
3. 设置根字体
点击VScode左下方图标,选中设置
![](https://img.haomeiwen.com/i5809200/12c0310311039614.png)
![](https://img.haomeiwen.com/i5809200/0311dbb372b93e85.png)
往下滑到cssrem,三个选项随你改
![](https://img.haomeiwen.com/i5809200/958791afe493a2ab.png)
改完之后重启!!!!
改完之后重启!!!!
改完之后重启!!!!
![](https://img.haomeiwen.com/i5809200/ced7988612edf441.png)
大功告成!
项目中rem做适配的使用
!function(win,doc){
var d=doc.documentElement;
function change(){
d.style.fontSize= d.clientWidth/96+'px';
}
win.addEventListener('resize',change,false);
change();
}(window,document);