css IOS安全区域

IOS 安全区域是指在 IOS 设备上，屏幕顶部和底部会有一些边距，这些边距是为了留出手机顶部的状态栏(包括电量、时间等信息)和底部的 Home 按钮的空间。在网页布局中，我们可以使用 padding 属性来给元素添加内边距，从而避开安全区域。例如，在 IOS 设备上，我们可以使用如下 CSS 代码来为页面添加内边距，从而使内容不会被状态栏遮挡：

body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

注意，上述代码仅适用于 IOS 设备，对于其他平台可能不适用。