相关疑难解决方法(0)

env(safe-area-inset-top)在Android Pie + WebView 69上不起作用

我有一个全屏的cordova应用程序,我以前使用下面的css来显示iPhone X的缺口,

padding-top: 25px;
padding-top: env(safe-area-inset-top);
Run Code Online (Sandbox Code Playgroud)

并且Android会忽略env(safe-area-inset-top),并使用25px来防止状态栏覆盖我的视图。

在此处输入图片说明

就是这样,我env()在Android Oreo手机(华为mate10)中将Android系统Webview组件升级到版本69.0.3497.100后,突然发现对Webview的支持。

在此处输入图片说明

但是,当我在Android Pie仿真器中安装此cordova应用程序时(启用了抠图仿真并安装了Chrome / Webview 69),我发现它env(safe-area-inset-top)为0px,根本没有填充顶部。

在此处输入图片说明

在此处输入图片说明

抠图区域/状态栏覆盖了我的Web内容:

在此处输入图片说明

Chrome / Webview 69是否支持safe-area-inset-top

android-9.0-pie display-cutouts

4
推荐指数
1
解决办法
3159
查看次数

标签 统计

android-9.0-pie ×1

display-cutouts ×1