在 CSS 中能做运算的,到目前为止仅有 calc() 函数可行。但在 Scss 中,运算只是其基本特性之一。在 Scss 中可以做各种数学计算
加法
.box {
width: 20px + 8in;
}
编译后
.box {
width: 788px;
}
对于携带不同类型的单位时,在 Scss 中计算会报错,如下例所示:
.box {
width: 100px + 1rem;
}
编译的时候,编译器会报错:“Incompatible units: 'rem' and ‘px'.”