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