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

【问题标题】：Invalid property name: flex-basis: 1 0 max-content无效的属性名称：flex-basis：1 0 max-content
【发布时间】：2019-08-30 14:57:51
【问题描述】：

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

悬停时的消息是Invalid property name。

不管怎样，我的代码如下：

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

我以为max-content 是supported in Chrome 所以我不确定为什么会这样？我的浏览器是最新的，如果我把它拉到flex-basis，我会遇到同样的问题。

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

【问题讨论】：

【解决方案1】：

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

【讨论】：