今天在做小程序的头像时,需要设置为圆形的头像,我是按钮上面叠加了图片,做出来的效果一直是按钮是圆的,图像是椭圆的。
找了半天,选择换用background-image作为显示,但是在真机调试和测试版中微信官方此处有bug遂放弃。
又换回了最开始的方案,发现在按钮上层的图像中必须在wxss中增加这个,防止图像收缩,终于解决!
flex-shrink: 0;
今天在做小程序的头像时,需要设置为圆形的头像,我是按钮上面叠加了图片,做出来的效果一直是按钮是圆的,图像是椭圆的。
找了半天,选择换用background-image作为显示,但是在真机调试和测试版中微信官方此处有bug遂放弃。
又换回了最开始的方案,发现在按钮上层的图像中必须在wxss中增加这个,防止图像收缩,终于解决!
flex-shrink: 0;