为什么我不能在iPad上旋转文字？

Question

我正在建立一个我有左侧边栏的网站。在这个侧边栏中，我显示了需要向左旋转90度的文本。在我的桌面浏览器（Chrome）上它看起来很好，“1. klasse”，“2。klasse”等正在旋转：

然而，在iPad上，我无法将文本旋转（在Safari和Chrome中尝试过）：

这是我用于每个文本元素的样式：

-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);

以下是供您参考的网站：http://lektieninja.dk

更新： 至于要求媒体查询的评论：侧边栏周围有媒体查询，不显示手机侧边栏。但是这不会对iPad产生任何影响：

@media (max-width:@bs4xsmall-max-width) {
    display: none;
}

bs4xssmall-max-width定义为：

@bs4xsmall-max-width: 543px;