H5适配iphoneX手机下的黑色横条问题

Posted 2023-05-09

参考技术A 在h5页面的底部tabbar栏中引入class：footer

safe-area-inset-bottom：距离屏幕下边框安全距离；
safe-area-inset-top：距离屏幕上边框安全距离；
safe-area-inset-right：距离屏幕右边框安全距离；
safe-area-inset-left：距离屏幕左边框安全距离；

在ios11使用：
padding-top：constant(safe-area-inset-top);
padding-bottom：constant(safe-area-inset-bottom);
padding-left：constant(safe-area-inset-left);
padding-right：constant(safe-area-inset-right);

在IOS11.2beta及其以后：
padding-top：env(safe-area-inset-top);
padding-bottom：env(safe-area-inset-bottom);
padding-left：env(safe-area-inset-left);
padding-right：env(safe-area-inset-right);

注：默认值为0px，而不是0，是因为calc不支持与0计算

苹果手机打开微信有一个黑色边框是啥原因？

iPhoneX手机现已正式到了用户的手中，许多的用户朋友发现手机对于微信没有彻底的兼容，用户在体会微信的时分呈现了黑边，下面Crab就为我们带来iPhoneX微信无法兼容处理方法，

iPhoneX对微信没有完美兼容解决方法

iPhoneX运用微信呈现黑边错位怎么办

依据现在得到的音讯，微博、高德地图等App还没有对iPhone X进行适配，也就说当你的iPhoneX下载了这些软件之后，上下都会呈现“黑边填充”，值得打call的是支付宝、淘宝等App则是提早对iPhone X进行了适配。毕竟马云爸爸有钱吗!

但是，当用户体会iPhone X的时分，有些bug来的真的是猝不及防!就比如说我们现已离不开的国内“超级”App微信。

我们能够看到，当iPhone X装置微信后，在通用-字体大小选项中，将字号调整到最小，就会呈现下图中“黑条”遮挡的状况，并且会影响正常操作，尽管多点几回也能凑效，但显然是逼死强迫症的节奏。

别的发现，只要规范字体才不触发，其它字号都会呈现上述Bug。不过微信方面的处理速度非常快，现在现已经过版本更新处理了这一问题。

微信又发布新版本啦，iOS正式发布版本7.0.17，看来国庆期间，微信程序员也没放下手头的工作啊。

这次正式版，带来好多新功能，先来看下有哪几个功能加入吧

1.新增“青少年模式”

可以在“我 - 设置”中进行开启青少年模式，开启后，将会对微信小游戏、小程序、视频号、公众号、搜一搜、看一看，附近的人等功能，进行一些保护限制。

开启时，会要求输入微信密码验证，且可以对允许访问的范围进行自定义选择，

2.聊天表情面版内置表情搜索功能

在聊天会话表情面版左上角有个搜索图标，点进去即可输入你想搜索的表情；

以后麻麻再也不用担心我的表情不够用了，斗图大作战即将开始！

3.支持隐藏对话框，且可保留聊天记录

在聊天面版中，左滑好友对话框，可以选择“不显示”该好友会话窗口，进而来隐藏和谁聊过天，且不会被删除聊天记录，大家期盼的功能终于来了！

4.修复iOS14中微信底部黑边Bug

自从更新到iOS14系统后，很多小伙伴的微信界面都出现了底部黑边，只能通过更改手机系统显示视图的“ 标准模式”来修复，而放大功能却没法用...

这下好了，微信对此修复了在iOS14的视图放大模式下，不会再出现黑边了，又可以尽情玩耍放大模式了； 参考技术A 开启了voiceover。
方法一、让 Siri 关闭 VoiceOver
1、如果 iPhone手机上打开了 Siri 语音助手，它可以接收命令，也包括关闭 VoiceOver 功能。有没有打开 Siri 语音助手，请长按 Home主屏键即可激活。
2、如果 Siri 已经打开，激活以后，就可以告诉“关闭 VoiceOver”，这样即可成功关闭。
3、如果不知道 VoiceOver 怎么读的话，可以百度一下，让 Siri 听懂就行。
方法二、手动关闭
1、VoiceOver 功能可以在系统中设置，请先点击打开主屏上的“设置”应用。当 VoiceOver 激活以后，点击一次是选中目标，再连续点击二次就可以打开该项目。
2、在设置列表中找到“通用”一栏，同样地，也是点击一次选中，再点击二次打开通用。如果在设置列表中，需要向上或向上滑动屏幕时，请用三个手指在屏幕上滑动就行。
3、接着请在通用列表中找到“辅助功能”一栏，点击进入。
4、随后在辅助功能里，选中 VoiceOver 一栏，点击进入。
5、最后先选中 VoiceOver 一栏，再连续点击二次即可关闭它。 参考技术B 没发觉有你这问题，是不是你的手机与微信软件有些不兼容。 参考技术C 为什么苹果手机屏幕有个黑框啊，真是一大败笔
最佳答案
开启了voiceover。方法一、让Siri关闭VoiceOver1、如果iPhone手机上打开了Siri语音助手，它可以接收命令，也包括关闭VoiceOver功能。有没有打开Siri语音助手，请长按Home主屏键即可激活。2、如果Siri已经打开，激活以后，就可以告诉“关闭VoiceOver”，这样即可成功关闭。3、如果不知道VoiceOver怎么读的话，可以百度一下，让Siri听懂就行。方法二、手动关闭1、VoiceOver功能可以在系统中设置，请先点击打开主屏上的“设置”应用。当VoiceOver激活以后，点击一次是选中目标，再连续点击二次就可以打开该项目。2、在设置列表中找到“通用”一栏，同样地，也是点击一次选中，再点击二次打开通用。如果在设置列表中，需要向上或向上滑动屏幕时，请用三个手指在屏幕上滑动就行。3、接着请在通用列表中找到“辅助功能”一栏，点击进入。4、随后在辅助功能里，选中VoiceOver一栏，点击进入。5、最后先选中VoiceOver一栏，再连续点击二次即可关闭它。 参考技术D 求被封，求被封nmzl