设置css样式 margin-top: -156rpx;
正常情况下可以显示如下图的效果，下一张卡片可以覆盖在上一张卡片上
但是在iPhone5s iOS8.1.2 微信6.6.5中
所有文字的层级都错乱了，文字且只有文字透过下一张卡片的背景透了出来。
尝试使用不同卡片设置不同z-index的方法也无效。
有没有同样遇到问题的朋友？有没有解决的思路？
| 框架类型 | 问题类型 | 终端类型 | 操作系统 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | 客户端 | iOS | 6.6.5 | 1.9.97 |
设置css样式 margin-top: -156rpx;
正常情况下可以显示如下图的效果，下一张卡片可以覆盖在上一张卡片上
但是在iPhone5s iOS8.1.2 微信6.6.5中
所有文字的层级都错乱了，文字且只有文字透过下一张卡片的背景透了出来。
尝试使用不同卡片设置不同z-index的方法也无效。
有没有同样遇到问题的朋友？有没有解决的思路？
6 个回答
恩 ，大概 考虑到方法 了，谢谢
wx.getSystemInfo里面的pixelRatio，
正常情况下rpx和android的dp单位类似，能够在不同的屏幕中显示相同的效果（这里的效果不是指像素大小相同）
如果你是为了适配不同机型直接用rpx就行，
如果你是为了业务动态改变大小，而js无法设置rpx这个单位，那么你就需要pixelRatio手动去计算
用屏幕宽度 /750 得到 像素比 ？
那要是我 想动态的改变地图的高度 怎么算呢
@xyxyxy
你这个情况是小程序对不同设备做的适配，
转化公式详见下方链接
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html
我刚才 看我的代码 ，同样是 80rpx ，ipone6 显示40像素 而5 只有34像素