原文：小程序心得--组件高度设置
对于页面中的组件尽量不要用百分比高度。可能你在iPhone上测试用百分比很完美，但是在其他屏幕上可能不适用，得到页面总高度 单位：rpx 建议使用下面方法 然后在wxml文件里面直接使用就好 最后是效果图，为了分辨，我将整个页面用红色边框标记，按钮背景设为红色 ...
2018-12-06 21:32 0 750 推荐指数：
相关推荐
由于swiper存在默认样式，（宽高：320/150） 所以要计算swiper的高度时可以根据图片本身的宽高比来设置 swiper宽度 / swiper高度 = 图片本身宽度 / 图片本身高度 如：图片宽度是750*320 那么swiper高度 = swiper宽度 * 图片高度 / 图片 ...
page{ height: 100%; } ...
微信小程序swiper默认高度375rpx，一旦超过这高度，就滑动不到内容了，我们利用css3可以很简单做到这件事情 原理： 利用css3 横轴滚动属性overflow:scroll,设置死swiper高度为100vh,这时会产生css3滚动条 ...
1. 先行准备 ① 下载 在Github上下载代码，代码包里打开component目录，复制下面的整个painter文件夹，到小程序项目的component目录下。 由于painter本身比较大，如果放在主包里可能在编译预览及上传时会提示 超出文件大小限制 的错误，所以建议将painter放在 ...
微信小程序之swiper组件高度自适应 要求： （顶部广告栏 ） 改变swiper组件的固定高度，使之随内部每张图片的高度做自适应 原理： 图片加载完之后，获取图片的原始宽高，根据宽高比，计算出适应后的宽高，如果是适应屏幕宽度的话，就用到 wx.getSystemInfo ...
swiper默认最小高度150 要求：swiper高度自适应 wxml wxss wxjs ...
page{ height: 100%; } .view-main{ height: 100%; width ...