搜技巧 | 只提供最简单有效的方法与技巧

分享简单实用的方法与技巧
当前位置:搜技巧 > 网站开发 >


微信小程序“图片实现宽度100%,高度自适应”

  在小程序的开发中,利用 width:100% 可以实现图片宽度自适应,但是利用 height:100% 或者height:auto,就无法实现高度自适应了。

  那,微信小程序如何实现“图片宽度100%,高度自适应”?

微信小程序图片自适应

  1) 添加属性 mode="widthFix"

       例如:

            <image src="../../images/ads/brand.jpg" class="ad"  mode="widthFix"></image>

  2) 样式表设置宽度100%

            .ad{
                  width: 100%;
             }

分享:
如果文章帮助到你了,请点击打打赏小搜下小搜,感谢!