视图：使用一个空view标签，class为 test-css 和下面的样式即可复现
style: .test-css {
height: var(--window-top);
}
1***@qq.com
- 发布：2022-05-05 11:41
- 更新：2022-11-22 15:12
- 阅读：487
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10企业版 10.0.17763
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
浏览器平台： Chrome
浏览器版本： 101.0.4951.54
项目创建方式： HBuilderX
操作步骤：
预期结果：
H5中 test-css的高度应该是0px
H5中 test-css的高度应该是0px
实际结果：
test-css的高度是44px
test-css的高度是44px
bug描述：
css全局属性 --window-top 常量在vue3中与vue2编译模式在H5中表现不一致。
在vue2中 --window-top: calc(var(--top-window-height) + 0px); 符合预期正常；
在vue3中 --window-top: calc(44px + env(safe-area-inset-bottom));不符合预期。
在H5中个人觉得是 --window-top:calc(0px + env(safe-area-inset-top));
