锁定所有移动设备（浏览器）的屏幕方向

Question

我正在寻找一种方法，可以在访问网站时将屏幕方向锁定为所有移动设备浏览器的横向。在搜索时我无法获得清晰的结果，因为它总是会为应用创建和锁定提供结果，但不会为网站提供结果。

显然这是＆＃34;有点＆＃34; （它确实旋转整个网站，但它保持纵向模式的宽度）适用于Android，但在IOS中根本不适用..即使在Android中也不是完美的：

must run as root

Answer 1

您可以使用以下方式强制宽度：

@media (orientation: portrait) {
  body {
    width:100vh;

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