Question

我有一个带有transform: translateX(...) translateY(...) translateZ(...) rotateY(...)的滑块，可以使用React动态更改。在Chrome中它的工作正常，但在Safari中，似乎转换的起点转移了一些变量值。在检查员看来，似乎没有错误，所有前缀都存在。

你有什么想法吗？如果需要，我可以发送一些截图或代码块

更新

https://gist.github.com/korgara/92f629d49ba7afd76f2b771cd6b6c8dc

UPDATE 这是截图 http://i89.fastpic.ru/big/2017/0511/0c/0290ec27bb1326f0dedda9a1a280260c.png

Answer 1

使用 webkit 进行Safari

.class{
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

请参阅下面的内容，了解哪个浏览器支持哪些内容以及必须添加的前缀。 http://caniuse.com/#feat=transforms2d

Safari转换翻译doesent正常工作

1 个答案: