css - 在 Chrome 中 - 父 div 的 CSS 变换旋转导致文本被剪切

Question

我正在构建一个网页，其中有一个部分需要倾斜/旋转 2.5 度(因为对 Angular 线背景)，所以我在其中放置了另一个容器，顺序相反，旋转 -2.5 度保持内容水平。问题是当我滚动到该部分并刷新页面时。 Chrome 会自动将您滚动到您在页面上的最后一个位置，我看到文本被剪切了。如果我尝试选择它，或者如果我在页面上四处移动(文本超出视口(viewport))，它就会显示出来。

https://dl.dropboxusercontent.com/u/36573567/stackoverflow.jpg

这可能是由于旋转引起的某种图形错误。我试着用

修复它

-webkit-backface-visibility: hidden;

和

transform-style: preserve-3d;

但没有任何效果。

如有任何建议，我们将不胜感激!谢谢!

Answer 1

我找到了原因。该错误仅在我在本地工作时显示 + 一个开放的检查员。我想我毕竟没有问题:)