更新了flex@R_377_2419@规范,使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; /* NEW */
min-width: 0; /* NEW */
}
以下是规范的一些详细信息:
为了为弹性商品提供更合理的默认最小尺寸,此规范引入了一个新auto
值作为CSS 2.1中定义的min-width
和min- height
属性的初始值。
Chrome似乎已更新了其渲染行为。Chrome 48现在在最小伸缩大小方面模仿了Firefox。