小程序中尺寸的设置rpx的应用多于px的应用

因为小程序的应用是在不同机型的手机上进行的，所以这个时候就不能应用固定大下的px单位，而是要应用具备响应式的rpx单位了。

而rpx与px的大小换算就是个问题了，通常状况下，咱们是在iPhone6的机型下进行程序的编辑，规定屏幕宽度为750px，譬如iphone6，屏幕宽度为375px，共有750个物理像素，则1rpx = 0.5px。其余机型的尺寸也是如此进行的。

设施rpx换算px：屏幕宽度/750，px换算成rpx:750/屏幕宽度；

flex弹性布局的应用

在小程序的编辑过程中，弹性布局是必不可少的，它能够解决不少问题。

在应用弹性布局之前，首先要指明是弹性布局：display：flex。

几个罕用的css弹性布局设置：

swiper轮播图的高度异样问题

当我在应用小程序所进步的swiper组件时，发现swiper的高度与它当中的image的高度是不统一的，这就导致了一个不好的景象，那就是轮播图的进度圆点呈现在了轮播图的上面，大大的升高了应用好感。

对此也有着所对应的解决办法，咱们能够动静的设置轮播的高度，而不是让image天然的去将其撑开。

这个时候就须要利用到内联款式了，首先咱们能够先去获取轮播图当中图片的高度，咱们能够利用小程序当中给咱们提供的api， wx.createSelectorQuery()会返回了一个对象实例，更多内容能够去小程序的开发文档进行查问。

这个时候咱们就会获取到图片的高度，而后就须要给swiper轮播图进行设置高度了：

<swiper style="{{height: imageHeight+'px'}}">... </swiper>