page {
background-color: #f6f6f6;
height: 100%;
}
.place-holder {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
height:100%
}
给page节点设置background-color ,页面的背景颜色就设置成功了。
如果想让view的高度充满屏幕,单单设置view的height:100%是不起作用的,必须在父容器高度给定的情况下,子view设置高度100%才有效果,
所以,我们设置page 的height为100%,然后再设置view的高度为100%,就实现view的高度占满全屏的效果了
本文探讨了如何设置页面背景颜色以及实现视图高度占满全屏的效果。通过将page节点的背景颜色设为#f6f6f6,并确保父容器(如place-holder)具有100%高度,再将子view的高度也设置为100%,可以确保view完全填充屏幕。这种方法在前端开发中常用于创建全屏布局。
3482

被折叠的 条评论
为什么被折叠?



