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