CSS_IOS适配状态栏和IOS底部安全区域

2023-11-09

状态栏

var(--status-bar-height)

计算属性

height: calc(var(--status-bar-height) + 343px);

底部安全区

先constant再env

constant(safe-area-inset-bottom)
env(safe-area-inset-bottom)

计算属性

height: calc(132px + constant(safe-area-inset-bottom));
height: calc(132px + env(safe-area-inset-bottom));

safe-area-inset-left: 安全区域距离左边界的距离
safe-area-inset-right: 安全区域距离右边界的距离
safe-area-inset-top: 安全区域距离顶部边界的距离
safe-area-inset-bottom: 安全区域距离底部边界的距离

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS_IOS适配状态栏和IOS底部安全区域 的相关文章

随机推荐