如何让HTML元素**不能在iPad上旋转？

Question

我目前正在开发一个针对iPad的基于HTML5 Canvas/JavaScript的绘图应用程序.它在Safari中运行.到目前为止,除了一件事以外,一切都很好.

如果我旋转设备,我的UI会重新定位.除了画布本身之外,这对于大多数UI来说都很酷.有没有办法迫使画布不旋转？

Answer 1

如何设置特定方向的CSS:

<link rel="stylesheet" type="text/css" href="css/landscape.css" media="all and (orientation:landscape)">
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="all and (orientation:portrait)">

和放:

-webkit-transform: rotate(-90deg)

在两个方向之一抵消自动旋转？