無效的屬性名稱：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上的瀏覽器兼容性圖表， flex-basis的max-content關鍵字仍處於試驗階段，與Chrome不兼容