为什么转换不能在移动设备上使用，而可以在台式机上使用？

Question

这是HTML

    <button id="isClosed" onclick="openSection()">Activities <span>&#9652</span>
    </button>

    <button id="isOpen" onclick="closeSection()" style="display:none">Activities &#9652
    </button>

和CSS

span{
    display: inline-block;
    color: #818181;
    transition: 0.5s;
    -webkit-transform: scale(1,-1) translateY(-.18em);
    transform: scale(1,-1) translateY(-.18em);
}

我想要做的效果是将一个向下指向的Unicode三角形转换为一个向上指向的Unicode三角形（原因是我找不到指向上方的相同镜像的箭头）。因此，我使用span标签将三角形翻转并向下移动，以使其看起来保持不变。

它在台式机上运行良好，但是当我将其加载到移动设备上时，span CSS只能翻转但不能翻译。