javascript - 将网站锁定在垂直位置

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