flex-basis: Webkit / Blink ignore intrinsic aspect ratio
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: Given a flex container figure { display: flex; align-items: flex-start; } and a 300x300 image with its flex-basis set at half its intrinsic width: figure img { flex: 0 0 150px; } Chrome 41 and Safari 7 ignore the aspect ratio and display it as 150px x 300px: Firefox 35 on the other hand keeps the intrinsic aspect ratio intact: figure { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; box-align: start; -webkit