Safari 转换翻译无法正常工作答案

【问题标题】：Safari transform translate doesent work correctlySafari 转换翻译无法正常工作
【发布时间】：2017-10-10 07:01:48
【问题描述】：

我有一个滑块，transform: translateX(...) translateY(...) translateZ(...) rotateY(...) 随 React 动态变化。在 Chrome 中它工作正常，但在 Safari 中，转换的起点似乎转移到了一些变量值上。在检查器中似乎没有错误，所有前缀都存在。

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

更新

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

更新这是屏幕截图 http://i89.fastpic.ru/big/2017/0511/0c/0290ec27bb1326f0dedda9a1a280260c.png

【问题讨论】：

你在 safari 中遇到了什么错误？
translateX(...) 被移动了一些意想不到的值。请再读一遍我的问题。

标签： javascript css reactjs safari

【解决方案1】：

在 Safari 中使用 webkit

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

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

【讨论】：

如前所述，我在样式中使用了所有前缀。转换在 Safari 中运行，但运行不正确。
不，我不能，因为我的项目还没有发布。但是我可以给你发截图和代码。