最近开发微信小程序,遇见image全屏的问题,发现高度100%后图片还是无法铺满全屏,在屏幕最下方有一个白色的空白条。晚上有很多解决方法,比如样式设为absolute:
.image{
width:100%;
height: 100%;
position: absolute;
top:0px;
bottom:0px;
}
但是我们实际布局中,这种absolute的布局对其他的界面会有很大影响,特别是图片列表的时候。
其实最简单的方式就是给image设置vertical-align属性:
.image {
width: 100%;
height: 100%;
vertical-align: bottom;
}
这样就可以完美解决了。