- 定义全局的css样式
:root {
--sat: env(safe-area-inset-top);
--sar: env(safe-area-inset-right);
--sab: env(safe-area-inset-bottom);
--sal: env(safe-area-inset-left);
}
- 通过dom获取对应iOS安全头部的高度
顶部控制栏:getComputedStyle(document.documentElement).getPropertyValue("--sat")
底部安全栏:getComputedStyle(document.documentElement).getPropertyValue("--sab")