实现:在%

时间:2017-02-01 18:27:53

标签: css forms safari css-transforms materialize

在Materialise CSS中,我发现在translateY中设置的%转换在Safari中是跳跃的。在适用于iOS和MacOS的Safari中也会发生同样的事情。

pxem / rem而不是%设置转换后,跳跃性消失。

请参阅此小提琴以更好地了解此问题:https://jsfiddle.net/rz0zk5u6/224/

任何人都可以解释为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

我猜这与Safari中.menu-icon { background: get_template_directory_uri('/assets/images/menu-icon.svg'); } 的错误以及translateY中设置的转换有关。请参阅小提琴以获取具有固定%的示例 - 修正此问题的修复程序:https://jsfiddle.net/rz0zk5u6/224/