小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现
PS：上图为模拟器表现，真机一致！
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
真机一致是指什么？可以说明具体是哪里有问题吗？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
“真机一致”指的是无论在模拟器还是在手机上测试，输出的内容都是如图那样。safeArea里面的字段值明显不太对
或者是我没理解值的意思，难道里面指的是范围 安全区域范围是 {left, right}={0, 414} {top, bottom}={44, 896} ？ 如果是这样的话，iPhoneX及以上机型的刘海和底部白条位置咋确定呢？
安全区域是在不包含刘海跟状态栏时的最大矩形区域，left, right, top, bottom 是矩形区域四条边到屏幕左上角的距离吧。可以把 left,top 当成矩形区域左上角的坐标，right,bottom 则是右下角的坐标。
但是从数据值来看，好像是包含了刘海的区域啊，iPhone XS Max的尺寸就是414x896
没有包含，是的话，width 和 height 就是 414 跟 896 了，看截图并不是。
这个 safeArea 怎么用？我发布了一个问题一直没有人回帮我。safeArea怎么使用？? - 微信开放社区
其中safeArea的height>windowHeight，为什么不直接在windowHeight中而要去找safeArea
那在页面的WXSS中设置调试是100%或100vh的话是以哪个高度来的？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
真机一致是指什么？可以说明具体是哪里有问题吗？
“真机一致”指的是无论在模拟器还是在手机上测试，输出的内容都是如图那样。safeArea里面的字段值明显不太对
或者是我没理解值的意思，难道里面指的是范围 安全区域范围是 {left, right}={0, 414} {top, bottom}={44, 896} ？ 如果是这样的话，iPhoneX及以上机型的刘海和底部白条位置咋确定呢？
安全区域是在不包含刘海跟状态栏时的最大矩形区域，left, right, top, bottom 是矩形区域四条边到屏幕左上角的距离吧。可以把 left,top 当成矩形区域左上角的坐标，right,bottom 则是右下角的坐标。
但是从数据值来看，好像是包含了刘海的区域啊，iPhone XS Max的尺寸就是414x896
没有包含，是的话，width 和 height 就是 414 跟 896 了，看截图并不是。
这个 safeArea 怎么用？我发布了一个问题一直没有人回帮我。safeArea怎么使用？? - 微信开放社区
其中safeArea的height>windowHeight，为什么不直接在windowHeight中而要去找safeArea
那在页面的WXSS中设置调试是100%或100vh的话是以哪个高度来的？