Safari翻译（％，％）别名

Question

我想横向翻译div -50％，垂直翻译-50％。我的CSS看起来像

-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%)
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

它在Firefox 36，Chrome和Opera中运行 - 翻译它和字体与图像抗锯齿。但是，当我在Safari 8中查看时，会出现字体和图像别名。 我测试了一些解决方法，如：

-webkit-transform: translate3d(-50%, -50%, 0);

或

-webkit-font-smoothing: subpixel-antialiased;

或

-webkit-font-smoothing: antialiased;

但在使用%时，它们都没有在Safari 8中运行。使用px代替%时，它在Safari中运行良好。

Answer 1

您可以使用<form onSubmit={this.props.login}> 或在窗口

时将css类添加到html