Javascript iOS（safari、chrome和其他浏览器）上的WebKitcsMatrix旋转方法生成的矩阵与其他操作系统中的方法不同

使用构造函数WebKitCSSMatrix，我使用“rotate”方法生成一个矩阵（字符串），并将其应用于DOM元素

var square=document.querySelector（'.square'）；
var矩阵=新WebKitCSSMatrix（）.旋转（15）；
square.style.webkitttransform=矩阵
#包装器{
宽度：100%；
高度：500px；
位置：相对位置；
背景：浅蓝色；
}
.广场{
位置：绝对位置；
宽度：200px；
高度：200px；
背景：#ccc；
边框：1px纯白；
文本对齐：居中；
顶部：200px；
左：200px；
}

测试
现在我可以看到，问题仅限于某些设备。我可以在两个不同的设备上重新创建它（ipadMini iOS 8.3、iPad3 iOS 8.3）。然而，它在ipad Air iOS 8.3上运行：/-我现在很困惑……这真的很奇怪。我尝试重新启动、恢复iOS、从ipadMini卸载所有不必要的应用程序，清除浏览器内存，但没有成功。更重要的是，我安装了不同的浏览器（Opera Mini、Dolphin、Mercury），看看它是否会改变，但这些浏览器中仍然存在这个问题。现在已经在Chrome、Safari、Dolphin和Mercury上进行了测试。据我所知，它们都是共享的，最近WebkitCSSMatrix也有一些变化。然而，我不是一个能够解决这个问题的Webkit开发人员