微信小程序如何设置页面背景颜色宽高100%显示

金翅

于 2018-05-25 13:40:38 发布

阅读量1.1w

点赞数 5

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_37103514/article/details/80450604

2 篇文章

订阅专栏

本文介绍了一个简单的技巧，即通过在WXSS中为page元素设置高度为100%来实现页面内容占据整个屏幕的高度。然而，需要注意的是，这种方法对于内部容器并不直接生效，可能需要进一步的样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很简单只需要给page设置高度就可以了
wxss:

page{
  height: 100%;/*生效*/
}
.container{
  width: 100%;
  height: 100%;/*不生效*/
  background:red;
}