微信小程序图片布满整个窗口

微信小程序图片布满整个窗口

在做微信小程序或者微信公众号前端时候，经常遇到一张图片当做背景，布局整个窗口，有时图片不能占满窗口

<view class="imagediv"><image src="/static/image/start.png" mode="widthFix" class="imagetp"/></view>

设置样式

.imagediv{position: absolute;width: 100%;height: 100%;} .imagetp{width: 100%;height: 100%;}

以上代码，不能有效让图片占满窗口，因为image标签会默认设置

display:inline-block;，对应的图片高度会有一个值height:66rpx;

此时，需要在本页面中图片样式中新增display:initial;

.imagetp{width: 100%;height: 100%;display: initial;}