html - CSS 按比例移动文本 Safari

Question

我的一些 CSS 代码有问题。

我构建了一个悬停，里面有一个图像，可以缩放。在每个浏览器中，除了 Safari 之外，它似乎都还不错。

我用这段代码来解决问题，没用。

transform: translate3D(0,0,0);
-webkit-font-smoothing: antialiased;
backface-visibility: hidden;

您可以在此处找到完整的代码。<强> Jsfiddle

我认为这是某种抗锯齿问题，但我不知道如何解决它:(

Answer 1

尝试将 1px 的perspective 添加到您的缩放转换中，即:

transform: perspective(1px) scale(1.2);

这可以解决类似于您所描述的常见跨浏览器问题。另请参阅:http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/