scss不接受百分比宽度

Question

我有一个scss文件，其中包含属性宽度和值100%。但是，它在编译时出错：

{ [Error: assets/sass/components/_communities.scss
Error: Invalid CSS after "...   width: 100%": expected expression (e.g. 1px, bold), was ";"
        on line 25 of assets/sass/components/_communities.scss
        from line 39 of assets/sass/main.scss
>>             width: 100%;

代码：

.communities .communities__logo:nth-child(5) .grid__cell img {
    width: 100%;
}

可能是什么原因和可能的解决方案？

Answer 1

尝试使用(100%)代替100%，或者您可以使用此功能：percentage(1)。 当你想要使用例如1/3作为函数的参数是十进制的百分比时，它是有用的。