css - 为什么在 Safari 上转换翻译不能正常工作？

Question

我经常使用这段代码来使 div 在 View 中居中:

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

它在 Firefox、Internet Explorer 和 Chrome 上运行良好，但在 Safari 上运行不佳。

在 Safari 网络浏览器中将图像居中的解决方法是什么？

Answer 1

您需要另一种供应商前缀样式。

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

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