我在样式表中试过这个。

   @viewport {
    orientation: portrait;
  }

屏幕仍在旋转。
我见过许多涉及JQuery的解决方案。由于文件重量限制,我正在寻找一个无Jquery的解决方案。我只关心Android上的Chrome,而不是iOS。
有什么解决办法吗?
更新:
我也试过了
    var lockOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;

    lockOrientation("portrait-primary");

不起作用。

最佳答案

我设法用CSS解决了这个问题——虽然它并不理想——我还没有在很多设备上测试过。希望这对那些想在网上锁定方向的人有用。

@media (max-height: 480px) and (min-width: 480px) and (max-width: 600px) {
html{
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
        -ms-transform-origin: left top;
         -o-transform-origin: left top;
            transform-origin: left top;
    width: 320px; /*this is the iPhone screen width.*/
    position: absolute;
    top: 110%;
        left: 0
}
}

关于css - 将Chrome(移动版-Android)锁定为人像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37371883/

10-12 12:24
查看更多