将网站锁定在垂直位置

Question

我有一个垂直位置的移动版网站。 是否可以阻止该网站？当您将手机水平转动时，页面仍然锁定在垂直位置。

如果是这样，我会征求意见，因为我尝试使用css这样做是不成功的。谢谢。

Answer 1

尝试这个媒体查询它应该工作

@media (orientation: landscape) {
  body {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

original reference