uni-app适配刘海屏问题

先看问题
在这里插入图片描述

解决后
在这里插入图片描述
在css里面添加样式

			padding-top: var(--status-bar-height); //是计算状态栏的高度
			padding-top: calc(var(--status-bar-height) + 13px);//如果不可以可以按照这个加或者减一些高度
# css # html5 # uni-app # bug
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

深化产教融合协同创新，华为云HCSD校园沙龙走进山西职业技术学院

avatar 华为开发者空间
cover

2024华为开发者盛典，海外开发者代表团走进华为

avatar 华为开发者空间
cover

华为“行业AI应用创新孵化营”走进中国医科大学，共探人才培养新模式

avatar 华为开发者空间