使用uni 开发的手机网页, 为什么有时打开时, 图片会变形?

分类：uni-app

uniapp

使用的是全部变形的都是使用image组件的,
有谁能知道解决方法?
这只是隅而会发生的情况, 客户非常不满意

2019-04-04 10:24 负责人:无分享

4 个回复

最佳回复

使用 scaleToFill 模式，并指定 image 的宽高

截图代码部分

唐糖 (作者) - 这个家伙很懒，什么也没有留下

这是相关代码截图,

这个最根本的原因，可能是渲染机制的问题，当你把高宽写在下方css区域里，image组件先onload,然后再识别到css里面的样式，这时就会有一闪或者拉伸的问题

解决方案：把高宽样式直接写在style属性里面(height和width都要写)；这样在渲染这个组件时，样式一开始就传进去了，可能会好点，类似这样：

这种理念可能也就是react为什么要推css-in-js的原因

该问题目前已经被锁定, 无法添加新回复