电商小程序开发_微信商城小程序制作平台

微信小程序> 微信小程序高度设置为100%-怎么设计微信小程序-微信小程序是怎么做的

微信小程序高度设置为100%-怎么设计微信小程序-微信小程序是怎么做的

浏览量：3360 时间：2020-04-06 来源：weixin_34220179

1.
在网页中设置body,html{height:100%};
2.
将body和html设置为100%，这样我们就可以在他们的子元素中使用height:100%来使的我们的容器元素占满屏幕的高度啦。
3.
但是在微信小程序中，是没有dom对象的，但是我们看调试工具可以看到在dom树(我也不知道怎么叫了，就这么叫吧)中，根节点是page，所以我们来试试使用page{height:100%}
viewclass'index-wrapper'viewclass'index-userinfo-container'!--imagesrc'{{userInfo.avatar}}'/image--/viewviewclass'index-operate-container'!--imagesrc'{{userInfo.avatar}}'/image--/view/viewpage{height:100%}.index-wrapper{background:blue;height:100%;width:100%;display:flex;flex-direction:column;}.index-userinfo-container{background:black;height:50px;}.index-operate-container{background:green;height:50px;}

点击这里免费试用，快速创建您的专属小程序

标签：微信小程序小程序小程序是什么

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。