小程序
小游戏
企业微信
微信支付
扫描小程序码分享
头部自定义的导航栏，使用后，，所有有刘海萍的手机下面多出这个一块区域，非刘海屏手机，没问题，请教如何解决这个问题呢？
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个里面有几种方法https://www.jianshu.com/p/87526ce1126e
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
说一下我的什么问题和怎么解决的：
问题：
我也是采用的是自定义导航栏，遇到适配问题，就是系统返回的statusBarHeight可能有大有小(因为屏幕，挖空的，刘海的各有自己的机制)，但是有的页面就会出现顶部用fixed的区域div位置是自己输入固定数值，会出现要不然被吃掉一部分，要不然是和导航栏有间隙。
解决：
其实就是顶部的top要设置到多大，首先我们可以获取statusBarHeight，自定义导航栏高度自己也知道，所以这块fixed区域的top：(statusBarHeight + 自定义导航栏高度)px
这样看起来就不会出现不同手机适配的问题，问题的点就是确定statusBarHeight，并且根绝他来定位置。
现在不仅x系列，苹果12等等机型都已经是刘海屏了
这是刘海屏手机自己适应的，为什么要去掉呢
不管它是正解。
自定义导航的刘海屏归为statusBarHeight里，
根据你的需求自己调整即可，
但是不推荐做调整，因为可能有些手机比较窄的异形屏调整后会挡住导航栏的内容。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个里面有几种方法https://www.jianshu.com/p/87526ce1126e
说一下我的什么问题和怎么解决的：
问题：
我也是采用的是自定义导航栏，遇到适配问题，就是系统返回的statusBarHeight可能有大有小(因为屏幕，挖空的，刘海的各有自己的机制)，但是有的页面就会出现顶部用fixed的区域div位置是自己输入固定数值，会出现要不然被吃掉一部分，要不然是和导航栏有间隙。
解决：
其实就是顶部的top要设置到多大，首先我们可以获取statusBarHeight，自定义导航栏高度自己也知道，所以这块fixed区域的top：(statusBarHeight + 自定义导航栏高度)px
这样看起来就不会出现不同手机适配的问题，问题的点就是确定statusBarHeight，并且根绝他来定位置。
现在不仅x系列，苹果12等等机型都已经是刘海屏了
这是刘海屏手机自己适应的，为什么要去掉呢
不管它是正解。
自定义导航的刘海屏归为statusBarHeight里，
根据你的需求自己调整即可，
但是不推荐做调整，因为可能有些手机比较窄的异形屏调整后会挡住导航栏的内容。