开发过程中遇到的问题
给图片设置了宽度不生效,也没有应为类名冲突导致样式被影响。
百度了下有两种解决方法:
1.外层div标签包裹(但是还是没生效)
2.给 img 设置flex-shrink: 0;
成功解决但是百度上是这样回答的
flex-shrink 的默认值为1,如果没有显示定义该属性,将会自动按照默认值1在所有因子相加之后计算比率来进行空间收缩。设置为0表示不收缩。
flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。注意:如果元素不是弹性盒对象的元素,则 flex-shrink 属性不起作用。
缺点:仅兼容IE11
暂时没理解,先记录。