在写样式中,我们经常会遇到页面内容不够多,但需要填充一整个屏幕这种问题,如下图:
像图上这种,内容不多,所以无法填充整个屏幕,就很难看,这个时候我们可以使用css3中的一个计算属性calc来实现
图上是微信小程序里的。需要使用flex布局 在左半边这块区域 css的样式如下:
.left{
height: ~'calc(100vh - 412rpx)';//412rpx是上面的图片加tab切换标签这行的高度,我们用100vh减掉上面的高度,就是下面我们需要填充的高度
}
这样就解决了 页面不会出现滚动条