iPhone X：：错误：此属性不支持安全区域插入属性？

Question

为了在 iPhoneX 上对齐 html 页面，苹果提供了常量（safe-area-inset-left）等常量。 这工作正常，最后我检查了 iOS 11.0.x。更新到 iOS 11.2 后，它已停止工作。我在 css 中收到此错误/警告“此属性不支持值常量（安全区域插入左）。”

padding-left: constant(safe-area-inset-left) !important;

视口也不起作用。

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

Answer 1

在 iOS 11.2 中，constant(safe-area-inset-dir) 被 env(safe-area-inset-dir) 替换