微信开发中让元素占据全屏的方法介绍（微信代码全屏）

本文主要介绍如何在微信小程序中让元素占据整个屏幕高度的相关信息，有需要的朋友可以参考。

微信小程序中让元素占据整个屏幕高度的实现方法

在项目中，容器元素通常用于填充屏幕高度和宽度，然后将其他元素放置在该容器元素中。

宽度就是宽度:100%。

但是高度，我们知道的是高度:100%必须给定父元素的高度。

我以前的做法是用js获得屏幕的高度，然后将其分配给height。

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

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

但显然，直接通过js给出样式不如css高效。

所以我们使用另一种方法:

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

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

但是，在微信小程序中，没有dom对象，但是我们可以从调试工具中看到，在dom树中（我不知道怎么叫，就这么叫），根节点是page，所以我们尝试使用page{height:100%}。

果然是可行的。高度占据了整个小程序的窗口。

这样我就可以继续快乐地写我的小程序了。

【相关建议】

1.下载微信微信官方账号平台源代码。

2.阿里订单子系统源代码下载

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发中让元素占据全屏的方法介绍（微信代码全屏） https://zhujicankao.com/115292.html