此博客是本人从学生时代开始做笔记所用, 部分是工作所遇问题,做填坑笔记,部分闲来查阅资料,加上自己的理解所总结的学习笔记, 常忙得不可开交,若漏了资料来源,望通知~ 前路漫漫,写点东西告诉自己正在一点点进步,而不要迷失于繁忙。

sass表达式前后出现空格

最近发现一个问题,当我用mixin将px转rem时:

@mixin pxToRem($remVal: 1){
    font-size: ($remVal/75)rem;
}
.a {
  @include pxToRem(5)
}

编译处的结果是:

font-size: 0.06667 rem; 

前后端多出空格!

解决方法:

1.font-size: ($remVal/75)+rem;

2.font-size: ($remVal/75)*1rem;

 

其实,标准写法是带单位的

@mixin pxToRem($remVal: 1rem){
    font-size: $remVal/75;
}

 

posted @ 2017-10-13 16:35  炎泽  阅读(501)  评论(0编辑  收藏  举报