SCSS 不透明度构建错误？

Question

我在我的 React 应用程序中使用opacity: 100%或opacity: 40%在一些 SCSS 代码中。

作品在开发模式下找到。

但是当我构建时，所有元素的不透明度都设置为1%!!!

我通过使用 rgba 颜色并在那里设置不透明度轻松解决了这个问题。

但是，这到底是怎么回事？？？

Answer 1

不透明度不是按百分比而是按小数运行，因此：

在此处查看有关不透明度 css 规范的更多信息：https : //developer.mozilla.org/en-US/docs/Web/CSS/opacity

截至今天（2020 年 5 月 19 日），[规范](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity#Syntax) 表示百分比是可接受的单位，Chrome 尊重这一点在样式表中以及在调试器中更改它时。令人沮丧且容易错过的是，只有产品构建才尝试转换：/ (3认同)