[已解决]微信小程序在iPhone5s iOS8.1.2 微信6.6.5中 css显示

时间：2019-05-04 来源：小程序工厂

问题模块框架类型问题类型终端类型操作系统微信版本基础库版本
框架微信小程序 Bug 客户端 iOS 6.6.5 1.9.97

设置css样式 margin-top: -156rpx;

正常情况下可以显示如下图的效果，下一张卡片可以覆盖在上一张卡片上

但是在iPhone5s iOS8.1.2 微信6.6.5中
所有文字的层级都错乱了，文字且只有文字透过下一张卡片的背景透了出来。
尝试使用不同卡片设置不同z-index的方法也无效。

有没有同样遇到问题的朋友？有没有解决的思路？
代码片段
margin-top: -156rpx;

微信小程序开发问题解答

微信小程序开发者回答：

恩，大概考虑到方法了，谢谢

微信小程序开发者回答：

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像素

本文网址：http://www.91bianli.com/weixinxiaochengxu/48807.html

上一篇：微信小程序定制【急】web-view内嵌vue页面返回时creat

下一篇：拒绝授权后再次调起授权成功返回，请求接口重