课程
/前端开发
/WebApp
/Hello,移动WEB
希望整个页面铺满一屏,如何设置父元素高度为屏幕高度呢?
急问,谢谢!!
2016-06-03
源自:Hello,移动WEB 3-3
正在回答
也可以参考一下这篇博客:CSS3flexbox伸缩布局盒模型
首先,应该知道的是,body在默认情况下高度是为0的,所以必须给body设置height:100%。
然后,让body元素成为伸缩容器。也就是说,为body元素设置display:flex属性。
最后,你想设置的父元素就成为了body元素的伸缩项目了。给父元素设置flex:1就可以实现父元素高度为屏幕高度了。
找到办法了:写个js,将可视高度赋值给父元素,即可刚好铺满一屏。不知大家有没有更好的办法呢?
举报
课程介绍移动web的开发基础,排版布局,常见移动web问题
2 回答请问flex布局高度自适应问题
3 回答是不是将pc端布局的宽高度改为手机端的宽高度,里面的布局还是像pc端那样写就可以了
1 回答flex弹性布局问题
1 回答viewport的宽度为什么不能设定为固定宽度呢
2 回答手机上弹性布局不能用怎么回事