uniapp微信小程序内的图片需要设置(宽)高,H5和移动端不需要设置。

**

主要原因是微信小程序的图片有默认的宽高,解释如下。

**

H5和移动端

下图H5和移动端的样式效果。
如图没有任何默认的宽高,因此在img标签里面只设置宽,不设置高,图片就会等比例缩放。
H5和移动端完美的图

H5的图片

微信小程序端

下图是微信开发工具里的图片样式效果。
如图uniapp中的img标签被转换为微信小程序里的image标签。image标签的默认width为320px,高为240px,但我们只在uniapp上设置width,没有设置高,因此image会使用默认的height即240px,这也就导致图片没有H5和移动端那样完美。
被拉高的图

微信的图片**加粗样式**

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值