マテリアライズ：translateYの変換が％で設定されています。

Question

マテリアライズCSSでは、translateYの変換が%に設定されていますが、Safariでは不安定です。 Safari for iOSとMacOSでも同じことが起こります。

変換がpxまたはem/remの代わりに%に設定されていると、不安定さがなくなります。

よりよく問題を理解するために、このフィドルを参照してください：なぜこれが起こっているhttps://jsfiddle.net/rz0zk5u6/224/

は、誰もが説明できますか？

Answer 1

これはSafariのバグに関連していて、translateYとなり、変換は%に設定されていると思います。問題を修正する固定px -fixの例については、Fiddleを参照してください。https://jsfiddle.net/rz0zk5u6/224/