网站建设

城市: 北京 天津 湖北 广东 湖南 江西 河南 河北 陕西 吉林 辽宁 黑龙江 福建 上海 云南 贵州 四川 成都 更多
  当前位置:首页 > 微信开发 > 公众号开发 >

微信小程序中使元素占满整个屏幕高度「微信公众微信号申请」实现方法

作者:网站建设 来源:网络整理 发布时间:2019-05-07 浏览

0

微信小程序中使元素占满整个屏幕高度实现方法在项目中经常要用到一「微信公众号平台怎么运营」个容器元素占满屏幕高度和宽度「附近小程序微信定制」「微信免费商城系统」,然后再在这个容器元素里放置其他元素。宽度很简「免费开微商城」单就是width:100%但是高度呢,我们知道的是height:...

微信小程序中使元素占满整个屏幕高度实现方法

在项目中经常要用到「微信公众号模版素材」一个容器元素占满屏幕高「商城app平台开发」度和宽度,然后再在这个容器元素里放置其他元素。

宽度很简单就是width:100%

但是高度呢,我们知道的是heigh「微财富」t:100%必须是在父元素的高度给定了的情况下才可以。

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

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

在微信小程序中则需要调用wx.getSyste「微信漫画分销系统」mInfo接口,然后通过setData赋值「微信公众号搭建微商城」

「公众号活动软件」但是显然通过js来进行的,效率上肯定不如css直接给定样式。

于是我们使用另一种方法:

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

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

但是在微信小程序中,是没有dom对象的,但是我们看调试工具可以看到在dom树(我也不知道怎么叫了,就这么叫吧)中,根节点是page,所以我们来试试使用pag「怎样可以做微商城」e{height:100%}

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

于是我「微商可靠」可以愉快的继续写我的小「微来购怎么赚钱」程序啦。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

更多微信小程序中使元素占满整个屏幕高度实现方法相关文章请关注PHP中文网!

相关热词搜索:高度 元素 屏幕 程序 占满

欢迎转载,转载请注明原文网址: https://www.seo-820.com/gzhkaifa/51053.html

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

Copyright © 2002-2018 seo-820.com 版权所有 粤ICP备15020538号-3    技术支持:优选网络

电脑版 | 移动版