兼容ios x的安全区 前端的一个属性

env(safe-area-inset-bottom)

env(safe-area-inset-bottom) 是一种用于 CSS 的函数，它可以返回设备屏幕的底部安全区域的尺寸，通常用于适配 iPhone X 及以上设备，这类设备有刘海屏或圆角设计，可能影响页面的显示区域。

• env() 是 CSS 中用于访问环境变量的函数。
• safe-area-inset-bottom 是一个环境变量，它返回设备屏幕底部的安全区域（比如状态栏或虚拟 home 按钮区域）的大小。

在具体的网页设计中，使用这个属性可以确保你的网页内容不会被底部的物理或虚拟按钮遮挡，特别是在高端设备上，比如 iPhone X 及后续型号，它们可能会有屏幕底部的特殊区域。