flex布局导致图片被压缩 flex布局下的子元素flex-shrink(缩小值)默认为1,当父元素宽度小于子元素宽度的和时,该属性生效,所以为了防止图片被压缩可以设置其flex-shrink为0. .cancle{ width: 32rpx; height: 32rpx; margin-right: 16rpx; flex-shrink:0 }