Ios CSS跨浏览器问题-rotate不适用于Safari、Ipad和iPhone

我想要垂直文本，并使用Transform属性来实现这一点。但是，我无法在Safari和iPhone/iPad上使用它

有人能帮忙吗

网页为:

---

经过大量的搜索，我发现我需要使用：webkit变换：旋转（90度）代替-webkit变换：translateY（90度）

 h3.aviaccordion-title {

        -webkit-transform-style: preserve-3d;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

        -webkit-transform: translateY(90deg);
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin:left bottom;


        -moz-transform: translateY(90deg);
        -moz-transform-origin: left bottom;

        -ms-transform: translateY(90deg);
        -ms-transform-origin:left bottom;

        -o-transform: translateY(90deg);

        transform: translateY(90deg);
        transform: rotate(90deg);


        transform-origin: left bottom;

        padding:0 !important;
        margin:0 !Important;
        white-space: nowrap !Important;
        display: block;


    }

---

经过大量的搜索，我发现我需要使用：webkit变换：旋转（90度）代替-webkit变换：translateY（90度）

 h3.aviaccordion-title {

        -webkit-transform-style: preserve-3d;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

        -webkit-transform: translateY(90deg);
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin:left bottom;


        -moz-transform: translateY(90deg);
        -moz-transform-origin: left bottom;

        -ms-transform: translateY(90deg);
        -ms-transform-origin:left bottom;

        -o-transform: translateY(90deg);

        transform: translateY(90deg);
        transform: rotate(90deg);


        transform-origin: left bottom;

        padding:0 !important;
        margin:0 !Important;
        white-space: nowrap !Important;
        display: block;


    }

---

我已经在那篇文章上尝试了建议的解决方案，但它对我不起作用。请外面的人帮忙好吗（可能是重复的，我已经在那篇文章上尝试了建议的解决方案，但它对我不起作用。请外面的人帮忙好吗？：(