小程序在iPhone5s iOS8.1.2 微信6.6.5中 css显示异常
设置css样式 margin-top: -156rpx;
正常情况下可以显示如下图的效果，下一张卡片可以覆盖在上一张卡片上
但是在iPhone5s iOS8.1.2 微信6.6.5中
所有文字的层级都错乱了，文字且只有文字透过下一张卡片的背景透了出来。
尝试使用不同卡片设置不同z-index的方法也无效。
有没有同样遇到问题的朋友？有没有解决的思路？
6 回复
wx.getSystemInfo里面的pixelRatio，
正常情况下rpx和android的dp单位类似，能够在不同的屏幕中显示相同的效果（这里的效果不是指像素大小相同）
如果你是为了适配不同机型直接用rpx就行，
如果你是为了业务动态改变大小，而js无法设置rpx这个单位，那么你就需要pixelRatio手动去计算
你这个情况是小程序对不同设备做的适配，
转化公式详见下方链接
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html
强力驱动