CSS 旋转和文本扭曲

创建电子表格样式的 View 并旋转列会导致文本在 Chrome + Firefox 中扭曲。我设法使用以下方法解决了 Chrome 问题:

-webkit-backface-visibility: hidden;

但是我留下的 Firefox 看起来像这样:

Chrome(带修复)

奇怪的是，IE 10 完美地呈现了这一点——Mac 浏览器也做得更好。

任何建议非常感谢

最佳答案

从 Firefox v16 开始，Mozilla 实现了无前缀的 backface-visibility 属性，它可能对您有用:

-webkit-backface-visibility: hidden;
        backface-visibility: hidden;

IE10 也会选择这个。

有关 MDN backface-visibility 的更多信息

关于CSS 旋转和文本扭曲，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17321608/