小程序图片设置宽高的方法

小程序图片设置宽高的方法,第1张

1. image组件好迟默认宽度300px、高度225px  ;

2.css设置皮敬宽高(尺寸最好为rpx,更适应燃袜慎屏幕)

3.mode 设置缩放模式(13种)

样式设置宽度100%   添加属性 mode="widthFix"

4.套在div种,设置div宽高,

,只能滚动

如果使用的是小程序的原生oage,可以使用wx.getSystemInfo接口来获取设备的各种信息(包括屏幕宽高),然虚档后根首银据实际情况来计算页差芹乱面需要的高度;

如果页面是用h5写的,可以在页面加载完成后,动态添加weui-page__bd的高度,然后将页面内容以外的滚动条隐藏掉:

<script type="text/javascript">

window.onload=function(){

//获取page容器标签

var pageElem=document.getElementsByClassName('weui-page__bd')[0]

//获取设备的高度

var windowHeight=window.screen.height

pageElem.style.height=windowHeight+"px"

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12392030.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存