小程序中的尺寸设置使用rpx多于px。由于小程序的使用是在不同型号的手机上进行的，所以此时无法使用fixed。使用较低的px单位而不是响应式rpx单位。rpx和px之间的大小转换是一个问题。通常我们在iPhone6机型下编辑程序，屏幕宽度指定为750px。比如iphone6的屏幕宽度是375px，一共有750个物理像素。1rpx=0.5px。其他模型的尺寸也是如此。将设备rpx转换为px:屏幕宽度/750，将px转换为rpx:750/屏幕宽度；flex弹性布局的使用在小程序的编辑过程中，弹性布局是必不可少的，它可以解决很多问题。在使用弹性布局之前，首先指定是弹性布局：display:flex。几个常用的csselastic布局设置：swiper轮播高度异常我在使用小程序改进的swiper组件时，发现swiper的高度和里面图片的高度不一致，导致了一个不好的现象是轮播图的进度点出现在轮播图的下方，大大降低了用户体验。这个也有相应的解决方法，我们可以动态设置轮播的高度，而不是让图片自然拉伸。这时候我们就需要用到内联样式了。首先，我们可以获取轮播中图片的高度。我们可以使用小程序中提供给我们的API。wx.createSelectorQuery()会返回一个对象实例，更多内容可以去小程序的开发文档查询。这个时候我们会得到图片的高度，然后我们需要给swipercarousel设置高度：
