移动端安卓/苹果，tabbar安全区设置_android开发 底部安全区域

安卓端

.footer{
.padding-bottom: 44px;
}

水果端

env(safe-area-inset-bottom) 是一个 CSS 变量，用于获取设备的安全区域（safe area）的底部内边距（inset）。安全区域是苹果公司提出的一个概念，用于避免在 iPhone X 等具有刘海屏（notch）的设备上，由于刘海的存在而导致的内容显示不全或遮挡问题。

在 CSS 中，你可以使用 env(safe-area-inset-bottom) 来获取安全区域的底部内边距，然后将其用于样式计算或布局调整。例如，你可以根据这个值来设置一个元素的底部边距，以确保内容不会被刘海遮挡。

下面是一个示例，展示如何使用 env(safe-area-inset-bottom) 来设置一个元素的底部边距：

.footer{
	.padding-bottom:env(safe-area-inset-bottom);  
}
1
2
3

上述代码将 .container 元素的底部边距设置为与设备的安全区域的底部内边距相同，以确保内容不会与刘海重叠。

请注意，env(safe-area-inset-bottom) 变量在非苹果设备或不支持安全区域的浏览器上可能无效。因此，在使用这个变量时，最好进行适当的兼容性检查或回退处理。