相关疑难解决方法(0)

我想通过计算在scss中设置宽度百分比,但它给了我错误..

"...- width:(4/12)%"后的CSS无效:预期表达式(例如1px,粗体)为";"

我想做点什么

$my_width: (4/12)%;

div{
width: $my_width;
}

如何在那里添加%符号？

与px和em相同的问题

我喜欢使用具有像素回退的rem单位来进行CSS大小调整,并且我正在尝试使用mixins来帮助它.对于font-size,这很容易:

@mixin font-size($size) {
  font-size: $size + px;
  font-size: ($size / 10) + rem;
}

但是对于填充,边距等,mixin需要接受变量参数,这可以根据Sass文档http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variable_arguments来实现.

但是,使用以下mixin,而不是除以10,mixin只是在数字之间添加斜杠.就是这样:

@mixin padding($padding...) {
    padding: $padding + px;
    padding: ($padding / 10) + rem;
}
.class {
    @include padding(24);
}

输出:

.class {
    padding: 24px;
    padding: 24/10rem;
}

而不是像我期望的那样:

.class {
    padding: 24px;
    padding: 2.4rem;
}

有没有办法确保Sass将变量识别为数字,从而正确地使用除法运算符？

此外,经过更多测试后,我意识到连接只发生在最后一个变量上.