Css 构建React应用程序时，背景位置SCS发生变化

我在我的带有Twitter引导的ReactJs项目中使用sass（.scss文件）

---

我对

有问题。已验证。表单控件：无效。表单控件无效。

按钮的样式设置无效。验证图标与

背景位置

属性一起放置

当在本地React development server中使用

npm start

命令在本地运行时，这与预期一样有效。 css加载为：

background-position: center right calc(0.375em + 0.1875rem);

当我为生产构建它时，问题就出现了（

npm运行脚本构建

）。css变成了这样：

background-position: 100% calc(.375em + .1875rem);

它在更改后将图标放置得太远。我尝试了几种不同的方法来覆盖它，但是css总是变为

100%

，而不是

center right

---

为什么会发生这种情况？我如何确保在构建应用程序时，

背景位置

仍然存在？

尝试

计算（100%-0.375em-0.1875rem）50%

背景位置只接受一个或两个参数。@Barthy不，不再接受。您刚才给出了一个完美的例子，说明了为什么w3schools不应被用作参考；-）@特曼尼亚夫，如果这样行的话！不过，我仍然想知道为什么会发生变化。但至少我找到了一种克服这种奇怪行为的方法。谢谢。您也可以尝试右计算（0.375em+0.1875rem）中心