小编RJ_*_*RJ_的帖子

我正在开发一个网站，我希望在有缺口的设备上正确显示（尤其是我拥有的 iPhone X）。在此页面中，给出了以下代码示例：

@supports(padding: max(0px)) {
    .post {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }
}

但是，当我有这个设置时，在 Chrome 中我可以看到它无效（见下面链接的照片）

有没有办法纠正这个问题，或者可以使用 SCSS@if语句来检测父元素是否具有填充 > 0，如果没有向其添加1rem填充？

我的问题不是这里提到的问题，这就是我使用代码的方式，我也尝试将其放入标准 CSS 文件中，unquote但它也不起作用。