其他分享
首页 > 其他分享> > apicloud 如何解决轮播图变形问题

apicloud 如何解决轮播图变形问题

作者:互联网

contentMode:

类型:字符串
描述:(可选项)图片填充模式
默认值:'scaleToFill'
取值范围:
scaleToFill(填充)
scaleAspectFit(适应);

将默认的填充改为适应

UIScrollPicture.open({
rect: {
x: 0,
y: 0,
w: api.winWidth,
h:api.winWidth/1.875
},

宽设为屏幕的宽

高通过算原始图片的比例  得出高度

比例 = 原始图片的宽/原始图片的高;

轮播图底下元素margin-top 的高度 = 图片的高度

js写法

var hh;//全局变量

 hh = api.winWidth/1.524;

$("#id").css("margin-top",""+hh+"px")

 

标签:apicloud,轮播,winWidth,变形,top,填充,hh,api,图片
来源: https://www.cnblogs.com/zfdbk/p/10460072.html