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;}
微信小程序高度设置为100%-怎么设计微信小程序-微信小程序是怎么做的
浏览量：3318
时间：
来源：weixin_34220179
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。
最新资讯
-
即速应用，赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商，即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景，持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品，帮助商家打通互联网全生态营销闭环。 -
即客云2.0重磅更新，让微信小程序运营更简单！
即客云作为一款基于企业微信的第三方工具，现从多维度提供超过30种功能，自上线以来，已服务多家企业，受到一致好评。近期，我们根据客户反馈和市场调研正式推出升级版 即客云2.0！更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信；同时提升了社群运营工作标准化，提升运营效率，帮助企业实现客户增长，玩转私域流量。 -
零代码 + AI 双轮驱动｜即速应用解锁人工智能小程序开发新范式
无需代码、无需 AI 算法功底，普通人也能快速搭建智能小程序。即速应用将人工智能与零代码开发深度融合，推出 AI 智能生成能力，用户通过自然语言描述需求，AI 自动生成小程序页面、功能模块与后台配置，覆盖商城、预约、同城、社区团购等全场景。平台内置 AI 智能推荐、智能客服、用户画像分析等能力，一键对接微信生态，打通视频号、企业微信、短信跳转，帮企业快速落地 AI 应用，抢占智慧经营先机，让每家企业都拥有 AI 驱动的智慧店铺。
