使元素在微信程序的整个屏幕高度完整的方法

使元素在微信程序的整个屏幕高度完整的方法
使元素在微信程序的整个屏幕高度完整的方法

它通常用于项目中,使用容器元素填充屏幕的高度和宽度,然后将其他元素放入容器元素中。

宽度很简单,就是宽度:100%。

但它是高的,我们知道的是高度:100%必须给出父元素的高度。

我以前用js来获取屏幕的高度并将其赋给高度。

屏幕高度是在网页:window.innerheight;

在微信的小程序,你需要打电话给wx.getsysteminfo接口然后赋值给SetData

但是很明显,效率并不像JS直接用CSS提供的那样有效。

所以我们用另一种方式:

在Web页面中设置主体、HTML高度{ 100% };

集体和HTML 100%这样我们就可以使用高度:100%使我们的容器元素的全屏幕的高度在其子元素。

但在微信的小程序,没有DOM对象,但我们可以看到,调试工具,可以看到,在DOM树(我不知道如何称呼它),根节点页,所以让我们尝试使用页面{身高:100% }。

果然,这是可行的。窗户的高度全是小程序。

所以我可以很高兴地继续写我的小程序。

谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部