微信浏览器ISO系统底部导航栏详细描述
在微信浏览器中，ISO手机的H5页面打开时，会出现一个特殊的问题：页面本身可以被顶起来，但是设置的底部弹框（采用layer写的弹框）却被微信浏览器自带的底部导航栏遮挡。这种问题主要出现在iPhone X、iPhone XR等设备上，而在iPhone6、7、8/s等设备上则不会出现此问题。
微信浏览器ISO系统底部导航栏结构
首先，我们需要了解微信浏览器的底部导航栏结构。微信浏览器的底部导航栏主要包含以下几个部分：
* 返回按钮：位于顶部左侧，用于返回上一页。
* 地址栏：位于顶部中间，显示当前页面的网址。
* 分享按钮：位于顶部右侧，用于分享当前页面到其他应用或平台。
这些组件构成了微信浏览器的底部导航栏。现在，我们需要了解为什么在iPhone X、iPhone XR等设备上，这个底部导航栏会遮挡设置的底部弹框。
原因分析
在iPhone X、iPhone XR等设备上，微信浏览器的底部导航栏会因为屏幕尺寸和设计而导致遮挡问题。这些设备的屏幕尺寸较大，而微信浏览器的底部导航栏也相对较高，这就导致了弹框被遮挡的问题。
在iPhone6、7、8/s等设备上，由于屏幕尺寸较小，微信浏览器的底部导航栏相对较低，因此不会出现遮挡问题。
解决方案
为了解决这个问题，我们可以尝试以下几种方法：
* 调整弹框位置：尝试将弹框的位置调高一些，以避免被微信浏览器的底部导航栏遮挡。
* 使用其他弹框库：尝试使用其他弹框库，例如swal或toast等，来代替layer库。
* 修改微信浏览器配置：尝试修改微信浏览器的配置，以禁用底部导航栏。
以上几种方法可以帮助解决这个问题，但是需要根据具体情况进行调整和测试。
