美文网首页
sass 修改字体大小失效原因

sass 修改字体大小失效原因

作者: HaRun | 来源:发表于2019-01-25 22:52 被阅读0次

在sass文件里面编写:

  .part-title {
    font-size: (18/16)rem;
    font-weight: bold;
  }

经过编译后:

.part-title {
  font-size: 1.125 rem;
  font-weight: bold; 
}

咋一看没有错误,但是浏览器死活没有变化,字体依然不变。这是为何?难道是我连基本的语法都不记得了?经过多翻研究还是一无所获,我几乎要怀疑人生了!

最后终于让我知道了原因:

原来我翻了非常低级的错误!单位之间不能有空格!

在sass里面正确的写法是:

  .part-title {
    font-size: (18/16) + rem;
    font-weight: bold;
  }

因为sass是有点像javascript的语法,第一种sass识别错误,自动加了空格,第二种写法才让sass以字符串类型编译!

正确写法时的情形 错误写法时的情形

相关文章

网友评论

      本文标题:sass 修改字体大小失效原因

      本文链接:https://www.haomeiwen.com/subject/pjqbjqtx.html