Chrome（モバイル - Android）をポートレートに固定

Question

私は自分のスタイルシートでこれを試しました。

@viewport { 
    orientation: portrait; 
    } 

画面はまだ回転します。

私はJQueryを含む多くのソリューションを見てきました。私はファイルの重量制限のためにJquery-lessソリューションを探しています。そして、私はAndroid上のChromeについてのみ心配しています.iOSではありません。

---

アップデート： 私も

var lockOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation; 

    lockOrientation("portrait-primary"); 

は動作しませんみました。

Answer 1

私はCSSでこの問題を解決することができました。これは理想的ではありませんが、まだ多くのデバイスでこれをテストしています。これは、Webで方向を固定したい人には、これが役に立つと思っています。

@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 
} 
}