使用Edge支持将文本旋转90度跨浏览器

Question

我有一个有趣的边缘案例（双关语），有些文字旋转90度。

• 旋转变换适用于Chrome和Firefox。
• ms-writing-mode修复了Internet Explorer的问题
• 在Edge中，文本从上到下书写，然后旋转90度= 180度

如何通过浏览器进行以下工作？

.rotated
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;
    -ms-writing-mode: bt-rl;
}

修改：此处是截图和fiddle

Answer 1

转换在Edge中运行良好。只是不要使用-webkit，-moz和-o供应商前缀。只需使用transform。

请参阅小提琴codefoster/9jbeqs2g。

请注意，我将transform-origin设置为bottom left，以便它不会在屏幕上旋转并消失。