小程序 元素占满整个屏幕高度

收藏
微信小程序
2
Feb 4, 2018

height:100%必须是在父元素的高度给定了的情况下才可以。

以前我的做法是用js获取屏幕的高度,然后将其赋值给height,

屏幕高度在网页中为:window.innerHeight;

在微信小程序中则需要调用wx.getSystemInfo接口,然后通过setData赋值

但是显然通过js来进行的,效率上肯定不如css直接给定样式。

所以想到另一种方法:

在网页中设置body,html{height:100%};

将body和html设置为100%,这样就可以在他们的子元素中使用height:100%来使的我们的容器元素占满屏幕的高度。

但是在微信小程序中,是没有dom对象的,根节点是page

回答

小泽回答

page{height:100%}

(0)

提交成功