Javascript 将网站锁定在垂直位置

我有一个垂直位置的网站的移动版本。 有可能封锁网站吗？水平转动手机时，页面仍锁定在垂直位置

---

如果是这样的话，我会寻求建议，因为我尝试使用css这样做是不成功的。谢谢。

试试这个媒体查询，应该可以

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

---

尝试此媒体查询，它应该可以工作

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

---

这是个坏主意。。最好使用

@media

查询中的

方向

，并更改您的样式，这不是一个好主意。。最好使用

@media

查询中的

方向

，并更改您的样式如果您将设备向右旋转，它不是会完全颠倒过来吗？然后，如果你把你的手机转向纵向（但倒置），在180度旋转？谢谢你不朽的家伙，但它不能正常工作：（如果你把你的设备转向右侧，它不会完全倒置吗？如果你把你的手机转向纵向（但倒置），在180度旋转？谢谢你不朽的家伙，但它不能正常工作：(