css - CSS 旋转和文本扭曲

Question

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

-webkit-backface-visibility: hidden;

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

铬（带修复）

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

任何建议都非常感谢

Answer 1

从 Firefox v16 开始，Mozilla 实现了 unprefixed backface-visibility 属性，这可能对您有用：

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

IE10 也会选择它。

有关 MDN背面可见性的更多信息