小程序中保持图片不变形并且铺满盒子

时间：2019-07-04 11:35:18 阅读：171 评论：0 收藏：0 [点我收藏+]

效果图:

解释:

假如直接设置img 长宽100%;会出现图片变形

<view class=‘item-l‘ style=‘width:500rpx;height:500rpx;background:#ccc‘>
     <image style="width:100%;height:100%" src=‘/img/test.png‘></image>
</view>

技术图片

这里就要用到 image属性 mode:

 <view class=‘item-l‘ style=‘width:500rpx;height:500rpx;background:#ccc‘>
       <image style="width:100%;height:100%" mode=‘aspectFill‘ src=‘/img/test.png‘></image>
 </view>

微信开发文档链接:https://developers.weixin.qq.com/miniprogram/dev/component/image.html

技术图片

peace & love 有问题call me

小程序中保持图片不变形并且铺满盒子

标签：mod amp 程序链接 image nbsp spec 解释 img

原文地址：https://www.cnblogs.com/520BigBear/p/11131073.html

踩

(0)

评论一句话评论（0）