javascript - モバイル デバイスで Web サイトを横向きモードに保つ

Question

モバイル デバイスでモバイル Web サイトをランドスケープ モードに保つ方法はありますか?

JavaScriptコードを使用してそれを行うことはできますか?

Answer 1

ユーザーを制限すると、ユーザーエクスペリエンスが損なわれる可能性がありますが、エクスペリエンスが損なわれないことが確実な場合は、このコードを使用してください--->

//this function will rotate you screen(cross browser!!!)
function rotate(el, degs) {
      iedegs = degs/90;
      if (iedegs < 0) iedegs += 4);
      transform = 'rotate('+degs+'deg)';
      iefilter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+iedegs+')';
      styles = {
        transform: transform,
        '-webkit-transform': transform,
        '-moz-transform': transform,
        '-o-transform': transform,
        filter: iefilter,
        '-ms-filter': iefilter
      };
      $(el).css(styles);
    }

//this will check your orientation and then take action as you desrired!!!
    $(window).bind('orientationchange resize', function(event){
      if(event.orientation) {
        if (event.orientation == 'landscape') {
          if (window.rotation == 90) {
            rotate(this, -90);
          } else {
            rotate(this, 90);
          }
        }
      });