Html 不使用autoprefixer来填充所有css前缀吗？

我有这个css代码：

.footer-wrapper {
    width: 100%;
    height: 10vh;
    background-image: linear-gradient(#aadaff, #00aeff);
    display: flex;
}

.footer-wrapper .footer-text-style {
    text-align: center;
    padding-top: 4vh;
    font-family: Courier;
}

从我所读到的，我的印象是react使用autoprefixer来填充css前缀，但是当我在Chrome上本地运行这个时，它就不能像显示器一样工作：只有当我硬编码为-mox flex时，flex才起作用。 这有什么原因吗

浏览器列表配置中的PS:My package.json：

"browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ]
  }

---

如果您使用的是CreateReact应用程序，React确实支持自动刷新。还有一些东西正在疯狂运行，Chrome不需要显示前缀：Flex这是我的想法，但为什么它在这里不起作用？你能详细说明你是如何让它与你的硬编码修复程序一起工作的吗-mox flex不是前缀，至少我不知道。我的意思是我不知道如何详细说明，只要我放display:flex，flex就不起作用，如果我放display:-moz flex，它就起作用了。这就是为什么我觉得这很奇怪

——moz-flex

不是一个标准前缀。我找不到任何文档将其列为任何浏览器都接受的值，即使是历史记录。我在Chrome中将它指定为一个值，它给了我删除线，这意味着它是一个无效的属性值。我会查看devtools，看看它的计算值是多少。很可能这不是React问题，但您的特定样式存在一些问题，这意味着生成的CSS没有错，编写的规则不会产生您认为它们会产生的结果。