CSS:如何检测缺口位置?

时间:2018-11-14 08:39:24

标签: css ios12

我的设计必须为100vw宽。布局应覆盖整个屏幕,因此我正在使用viewport-fit=cover。这可能导致iPhone Xn的横向切口覆盖一个元素。我认为这应该解决该问题:

transform: translateX(calc(-1*env(safe-area-inset-right)));

确实确实将元素从凹口的下面移开,但是事实证明safe-area-inset-right = safe-area-inset-left;无论凹口是在左侧还是右侧,都将应用转换。 This image中的this post证实了这一点。如果缺口在右侧,有没有办法只应用转换规则?

0 个答案:

没有答案