在浏览器上设置固定的横向

Question

我正在为某些设备制作网络接口。但这个界面只是支持景观。是否可以将此设置为固定。因为当我把它放在我的平板电脑上时，它只是垃圾。

我用于开发Angular JS。 我想也许有一些viewport元标记，但我不确定

Answer 1

从this post开始，您可以使用orientationlock插件来实现此目的。

从您的JavaScript代码调用

window.plugins.orientationLock.unlock()

解锁方向，

window.plugins.orientationLock.lock("landscape")

将屏幕锁定为横向模式。

解锁后，您可以使用常规orientationchange事件跟踪方向更改：

window.addEventListener("orientationchange", function() {
   alert(window.orientation);
});

其他方式是使用CSS和javascript：

@media screen and (orientation:landscape) {

  #container {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    width: /* screen width */ ;
    height: /* screen height */ ;
    overflow: scroll;
  }
}