2023-09-11 如何处理微信小程序ios端安全区高度问题 ==》 env(safe-area-inset-bottom)

ios安全区高度问题即iphone x以上机型存在的问题，具体表现为页面A底部有固定按钮，样式为绝对定位，若是在Android则很正常，但是在ios端则出现底部按钮被一根小黑线遮挡的情况；

这是因为没有一个高度去把底部撑起来，导致页面塌陷，有固定按钮的场景就需要去处理这个问题。

解决方案：写一个view，给view加高度样式：height: env(safe-area-inset-bottom);

样式代码如下：

box-sizing: border-box;
width: 100%;
height: env(safe-area-inset-bottom);

safe-area，即安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑条(Home Indicator)的影响。——缓引http://t.csdn.cn/UaY38

除此之外如果用的是uview开发，该组件库的一些组件有关于安全区的设置，只需要开启即可处理，比如u-popup 弹出层有属性safeAreaInsetBottom，可为安全区留出高度。