IOS系统的app环境访问前端微服务页面,在iphoneX以上机型,防止底部按钮贴边布局和iphone安全区横条重合的处理方式。

IOS系统的app环境访问前端微服务页面,在iphoneX以上机型,防止底部按钮贴边布局和iphone安全区横条重合的处理方式。
方式一:在我司app环境调用ios系统生效的api隐藏/显示底部安全区。如图所示。但需要注意,在需要隐藏安全区的页面调用,离开之后显示,防止其他页面没有底部按钮贴边布局也隐藏掉了安全区,导致留白。(我司新版app提供该api的支持,前端jsapi下载,已贴在此文档中)。
使用方式一,只需要注意调用隐藏后,离开需要使用的页面调用api显示回来即可。
特别注意的是:这些按钮可能在某种业务逻辑下,会隐藏掉,这个时候本来按钮就不显示了,也无需调用该方法。
含有api的压缩jsapi文件在此处下载:
js_api.js
(14 KB)
在这里插入图片描述
在这里插入图片描述

方式二:根据屏幕ppi高度是否大于等于812,以及环境是否是ios,判断为iphonex以上机型,且是我司app。在符合这种情况的环境下,做css布局处理,增加底部按钮贴边的距离,达到保持与ios底部横条间距的效果。
使用方式二,需要每个用到该方式的地方,单独做js判断及css处理。
17、input 记住密码 修改默认样式
18、WindowEventHandlers.onpopstate 刚进页面不触发
前端开发提高质量及自检解决方式参考:
前端文档、标准、规范、约束的部分补充:
electron打包生成安装包:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值