css - 无效的属性名称：flex-basis：1 0 max-content

Question

我将该flex属性应用于页面上的多个 div，并在 Chrome 中查看得到以下信息：

悬停时的消息是Invalid property name。

对于它的价值，我的代码如下：

.class-name {
  flex: 1 0 max-content;
}

我认为Chrome 支持，max-content所以不确定为什么会这样？我的浏览器是最新的，如果我将它放入.flex-basis

任何解释或建议都非常感谢，即使（尤其是）我遗漏了一些简单的东西:)

Answer 1

根据MDN上的浏览​​器兼容性图表，max-content关键字 forflex-basis仍处于试验阶段，与 Chrome 不兼容