<image style="width: 250px; height: 200px; " mode="heightFix" :src="require('xxx.png')"></image>
![3***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/03b1cf0107dae59a31816a15488a260e.png)
- 发布:2020-09-15 10:01
- 更新:2020-10-21 11:17
- 阅读:1466
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows 10 版本1903
HBuilderX类型: 正式
HBuilderX版本号: 2.8.11
浏览器平台: Chrome
浏览器版本: 85.0.4183.83
项目创建方式: HBuilderX
示例代码:
操作步骤:
点击运行->运行到浏览器->Chrome
点击运行->运行到浏览器->Chrome
预期结果:
图片宽高比为5:4
图片宽高比为5:4
实际结果:
图片宽高比为4:5
图片宽高比为4:5
bug描述:
使用image组件,mode为heightFIx时,图片宽高比不对,原图片是250200,实际显示效果为160200。宽高比由原来的5:4变成了5:4。
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20200915/8d57b761373fbbddaaef5b3ded64cf40.png)