iOS Chrome 不尊重缺口的安全区域插入

Question

我遇到一个问题，横向版本的 Chrome 在屏幕的左侧和右侧添加了空白区域。

以下是规格：

我有一个“厨房水槽”方法，我已经尝试了一切来删除这些白条并使背景全屏显示。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

以及以下 CSS：

html{
  margin: env(safe-area-inset);
  padding: env(safe-area-inset);
}


html, body, img{
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  width: 120vw;

}

img{
  margin: env(safe-area-inset);
  object-fit: cover;
}

这是一个可以玩的现场演示：

https://codepen.io/EightArmsHQ/pen/JjYygPg

我在iOS Safari中获得了很好的结果，但似乎就到此为止了。已提出类似问题env(safe-area-inset-top) 不适用于 Android Pie + WebView 69

我想知道这是否是 Chrome iOS 的错误，或者我的实现是否不正确。值得注意的是，当添加这些属性时，Safari确实会删除空格。