通过JavaScript获取刘海屏安全区域高度的方式
在css中，可以通过env()函数读取安全区域规范定义的边界距离值，比如：
margin-top: env(safe-area-inset-top);
但这个方法只能用于css中，JavaScript是无法直接读取env函数的。
想在JavaScript中读取env函数值，需要使用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);
}【通过JavaScript获取刘海屏安全区域高度的方式】然后可以在JavaScript中，通过以下方法，读取到css自定义变量
getComputedStyle(document.documentElement).getPropertyValue("--sat")推荐阅读
- 事件代理
- gitlab|gitlab 通过备份还原 admin/runner 500 Internal Server Error
- 数组常用方法一
- EditText默认不获取焦点弹出键盘
- whlie循环和for循环的应用
- 如何通过锻炼的方法治疗前列腺肥大
- 【实用教程】4种获取无水印视频素材的方法
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历