我有一个全屏的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?