更新了flexbox规范,使flex项目的默认最小大小等于内容的大小:
min-width: auto/
min-height: auto。
您可以使用
min-width: 0/ 覆盖此设置
min-height: 0:
.content { background: yellow; flex: 1; display: flex; flex-direction: column; min-height: 0; min-width: 0; }以下是规范的一些详细信息:
4.5。 弹性项目的隐含最小大小
为了为弹性商品提供更合理的默认最小尺寸,此规范引入了一个新
auto值作为CSS 2.1中定义的
min-width和
min- height属性的初始值。
更新
Chrome似乎已更新了其渲染行为。Chrome 48现在在最小伸缩大小方面模仿了Firefox。
根据以下链接中的报告,以上解决方案也应在Chrome 48中运行。



