在Materialise CSS中,我发现在translateY
中设置的%
转换在Safari中是跳跃的。在适用于iOS和MacOS的Safari中也会发生同样的事情。
在px
或em
/ rem
而不是%
设置转换后,跳跃性消失。
请参阅此小提琴以更好地了解此问题:https://jsfiddle.net/rz0zk5u6/224/
任何人都可以解释为什么会这样吗?
答案 0 :(得分:0)
我猜这与Safari中.menu-icon {
background: get_template_directory_uri('/assets/images/menu-icon.svg');
}
的错误以及translateY
中设置的转换有关。请参阅小提琴以获取具有固定%
的示例 - 修正此问题的修复程序:https://jsfiddle.net/rz0zk5u6/224/