小程序image组件样式不支持设置width:auto,

微信公开课小程序热门讨论关于「小程序image组件样式不支持设置width:auto,」的小程序开发问题
补充:小程序image组件样式不支持设置width:auto,
展开:当前Bug的表现wxss不能设置图片宽高自动width:auto,其中width,height一个设置auto就会造成图片不显示,因为很多情况下我们只会设置图片的高度一样,让宽度自动缩放,但是不能设置auto属性预期表现image组件能够支持wxss设置width,height的属性值为auto复现路径提供一个最简复现Demo<imagestyle=width:54rpx;auto;marginleft:20rpx;marginright:20rpxsrc=http:5868234140:6677pemicon1539673680890png<image即速小程序：https:developersweixinqqcomminiprogramdevcomponentimagehtmlimage组件的mode属性了解一下：mode有13种模式，其中4种是缩放模式，9种是裁剪模式模式值说明缩放scaleToFill不保持纵横比缩放图片，使图片的宽高完全拉伸至填满image元素缩放aspectFit保持纵横比缩放图片，使图片的长边能完全显示出来也就是说，可以完整地将图片显示出来缩放aspectFill保持纵横比缩放图片，只保证图片的短边能完全显示出来也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取缩放widthFix宽度不变，高度自动变化，保持原图宽高比不变裁剪top不缩放图片，只显示图片的顶部区域裁剪bottom不缩放图片，只显示图片的底部区域裁剪center不缩放图片，只显示图片的中间区域裁剪left不缩放图片，只显示图片的左边区域裁剪right不缩放图片，只显示图片的右边区域裁剪topleft不缩放图片，只显示图片的左上边区域裁剪topright不缩放图片，只显示图片的右上边区域裁剪bottomleft不缩放图片，只显示图片的左下边区域裁剪bottomright不缩放图片，只显示图片的右下边区域
更多有关「小程序image组件样式不支持设置width:auto,」的讨论可以前往微信公开课小程序参与互动哦！