sass是基于node的编译工具
步骤如下>>
安装node.hs.msi软件
1. 下载安装node.js.msi
2. win+r 弹出窗口输入cmd 回车
3. node -v(验证node.js是否安装成功,要重启cmd)
4. npm install -g cnpm(安装软件cnpm)
5. cnpm -v
6. cnpm install -g node-sass(安装软件node-sass)
7. node-sass -v(验证node-sass是否安装成功)
8. 创建一个index.scss (F:哪个盘就是首字母大写)回车
9. 在cmd中输入 cd 托入index.scss所在的文件夹
10. node-sass --watch index.scss index.css (--watch)为实时编译,可省略
11. cmd中方向键上可以运行上次执行的命令
sass方法(适配手机不同尺寸)
$device-list:320px,365px,360px,412px,414px,750px;
html{
@each $device in $device-list{
@media screen and(min-width:#{$device}){
font-size:100 * ($device/750);
}
}
}