我的设计必须为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证实了这一点。如果缺口在右侧,有没有办法只应用转换规则?