微信小程序中height：100%不生效

Chertuion 2017-05-04 10:33:26

在wxml中定义

在wxss中定义

可是为什么它并没有占满高度，仅仅是将里面的内容包裹。=.=

刚接触，不太懂

...全文

4767 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

圣明灯火 2018-01-17

打赏
举报

回复

引用 2 楼 weixin_35599562 的回复:

这个加下就可以了

是这样的！

Chertuion 2017-05-29

打赏
举报

回复

好的谢谢楼上几位

weixin_35599562 2017-05-12

打赏
举报

回复

这个加下就可以了

GSDante 2017-05-09

打赏
举报

回复 3

给元素设置高度100%，元素的高度会等同于其父元素的高度。如果你只给元素设了个高100%，但没有设父元素的高度，那么这个高100%是无效的。

今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我在.wxss里设置了高度为100%: .scrollStyle{ width: 100%; height: 100%; display: flex; flex-direction: column; } 居然无效，修改height为具体高度也无效. 然后我在 style里设置height为200px，居然生效了: <scroll

微信版本：6.3.30 IOS版本：IOS_10.0.2 微信开发调试工具：v0.10.102800 操作系统：Win7 开发/调试：iPhone6S真机/微信工具预览，PHPstorm编码使用说明由于微信安全域名的限制，如果你填了自己的APPID，所有请求都会失败无APPID的情况下，使用微信登录会存在问题，请使用手机号登录目前是测试版本，故未接入短信平台，所以手机是收不到验证码的，直接点获取验证码就已经填上了如需在微信中体验完整功能，请联系文末的邮箱，注明理由和微信号申请体验权限使用过程遇到的坑丶记录背景图不生效，改用image或者Base64 执行POST请求异常，将data中的JSON对象格式化为from序列页面切换的参数接收异常，在onload方法中，默认的参数即使上一页面传过来的Object参数在使用data-readingItem的时候，微信解析为dataset的时候会转成小写多页面的时候，在app.json中重复配置，会编译失败直接使用 this.data.XXX = XXX 赋值的时候，数据是不会同步输出到VM即WXML中的，必须使用其setData方法循环加载JSON数据集合时，如果其中有项是null，在开发工具中加载正常，但是在手机中浏览时显示空白页，并且调试时没有错误信息，所以需要对可能为null的数据进行判断 PS:由于有预处理，所以没有遇到这个问题针对swiper控件，设置min-height不生效，必须设置height，同时swiper-item的间隙也有坑，项目中有实践使用uploadFile-formData传递参数的时候，formData是个三项的JSON,PHP通过$_REQUEST尽然只能接到最后一个参数 PS:怀疑是微信的坑，后来使用的是将其以GET方式提交，才正常接到在使用for循环的时候，用的是立即执行的闭包函数，但是PHP端接到的三个请求的time竟然是一样的，这直接导致了文件获取的异常，目前未找到真实原因，是本人对for循环理解太浅？后通过额外加参数解决微信录制的音频格式为.silk格式，具体可以Google，强大的ffmpeg都没法直接解码，最后使用了GitHub上的一个开源Decoder库，解码成功转成了MP3，感谢作者，地址：

微信小程序系统教程[初级阶段]，微信小程序0基础学起，讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序系统教程[阶段]客服消息+微信支付+九宝电商系统”。 “微信小程序系统教程[阶段]全套课程”包含： 1.微信小程序系统教程[阶段]_客服消息 2.微信小程序系统教程[阶段]_微信支付 3.微信小程序系统教程[阶段]_九宝电商系统学习“微信小程序系统教程[阶段]”要求有微信小程序的基础。建议先学习“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]”，后在报名“微信小程序系统教程[阶段]”。阶段讲解的客服消息，是针对小程序的。后台程序用接近底层的技术，没有使用三方技术。这样降低同学们学习成本。微信支付，这部分课程很有难度，要求同学们认真听讲，有不会的技术问题可以请教老师。购买课程后请联系老师，提供单号，给你源程序。九宝电商系统是一套十分适和学习、项目的课程。既可以系统的学习微信小程序相关知识，还可以修改后上线。 “微信小程序系统教程[中级阶段]——核心技术”重点讲解微信小程序事件、组件、API 微信小程序系统教程[初级阶段]，微信小程序0基础学起，讲解微信小程序开发的基础知识。购买课程的同学，可赠送就九宝老师编写的《微信小程序开发宝典》。购课请咨询qq2326321088

##根据wx.createSelectorQuery()获取wxml的'color','font-size','font-weight','font-family','backgroundColor','border','border-radius','box-sizing','line-height'属性绘制海报。 ##可以设置 1.data-index设置wxml层级如：海报绘制过程可能出现背景-》图片-》字-》图片的层级关系预设先绘制背景image，再绘制view，最后绘制字，分别为1层2层3层。如果有特殊层级，需要单独设置，比如图片盖在背景上，图片的data-index为4。 2.data-multi设置是否一行显示false在一行显示 3.data-change-top设置字在view布局的高度，可根据手机平台设置部分机型ios高度比android略高 ##wx.createCanvasContext绘制海报，而不是canvas2d绘制海报，海报高度没限制

【代码】微信小程序 设置height：100% 无效果。

3,143

社区成员

3,831

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章