小程序开发中遇到的一些问题

最近学习了下小程序开发， 做了一个实时公交查询的小程序，期间遇到的一些问题，记录下来。

1、垂直、水平居中

    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

之前一直用指定height和line-height为相同高度的方式垂直居中，在不指定高度的时候，可以上面这样

2、关于rpx
一开始没有仔细的看官方文档，在iPhone8上1px=2rpx，就天真的以为在iPhone8 Plus上就是1px=3rpx，结果导致一个组件的显示有问题，而且是很久之后在同事的手机上发现😂。后来有看了下文档，发现是通过屏幕宽度来换算的，而不是pixelRatio。
比如8 Plus就是750rpx=414px，1px=750/414rpx=1.81rpx
附官方WXSS介绍地址

欢迎大家试用，提意见