flex布局导致图片被压缩

flex布局导致图片被压缩

flex布局下的子元素flex-shrink(缩小值)默认为1,当父元素宽度小于子元素宽度的和时,该属性生效,所以为了防止图片被压缩可以设置其flex-shrink为0.

.cancle{
 width: 32rpx;
height: 32rpx;
margin-right: 16rpx;
flex-shrink:0
}