为什么 Firefox 忽略自动边距以使项目居中？答案

【问题标题】：Why does Firefox ignore margin auto to center items?为什么 Firefox 忽略自动边距以使项目居中？
【发布时间】：2019-07-24 07:38:52
【问题描述】：

我做了一个倒计时的网站。

我使用 FlipclockJS 进行倒计时，并对其进行了定制以使其具有响应性。我也为此使用了媒体查询。倒计时在除 Firefox 之外的所有浏览器上都有响应。当您缩小窗口时，它不再使我的物品居中。

我可以在这里粘贴我的 CSS 文件，但它会太长。相反，我可以告诉你我正在使用我网站上的文件 main.css 来定制我的东西。

你能解释一下为什么 Firefox 会忽略我的 mx-auto 以及我可以做些什么来使其居中吗？

【问题讨论】：

请查看如何创建minimal reproducible example。请记住，创建minimal reproducible example 的一半意义在于，您可能会在缩减为仅必要的 css 的过程中自己找到答案....
注意：经过一番折腾，这与transform: scale和width: -moz-fit-content的组合有关...

【解决方案1】：

我认为你必须使用前缀 webkit-

【讨论】：