uni-app适配刘海屏问题

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

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

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

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

更多推荐

cover

【openGauss】基于图形化的关系型数据库管理工具的使用

avatar 华为开发者空间
cover

华为云码道商用新版本发布，聚焦企业级开发让AI真正融入存量项目

avatar 华为开发者空间

【公共云三十问 之三】公共云被赋予了怎样的战略定位？

分布式云架构以多级协同统筹智能普惠、敏捷创新与安全合规，为金融、政务、能源等关键基础设施领域提供理想的上云基座，从而有力推动智能经济在“善政、惠民、兴业”中全面落地，将切实保障国家“公共云”战略高效推进。正因如此，国家围绕顶层规划、发展路径和应用落地持续完善政策部署，推动人工智能、算力设施、数据要素和公共云的协同发展。，既是夯实数字基础设施底座的必然要求，也是培育新质生产力、构筑国家竞争新优势的关

avatar 华为开发者空间