网站定位

Question

我有一个网站大部分时间都在移动设备上打开，我需要该网站默认以横向模式显示。 （虽然用户处于纵向模式，但它也应该处于横向模式）。 请帮帮我，使用哪个代码...

我使用了这段代码，但它并没有帮助我，无论如何..

<script>
  var start = function() {
    screen.orientation.lock('landscape-primary').then(
      startInternal,
      function() {
        alert('To start, rotate your screen to landscape.');

        var orientationChangeHandler = function() {
          if (!screen.orientation.type.startsWith('landscape')) {
            return;
          }
          screen.orientation.removeEventListener('change', orientationChangeHandler);
          startInternal();
        }

        screen.orientation.addEventListener('change', orientationChangeHandler);
      });
  }
  window.onload = start;
</script>

Answer 1

如果你使用 css 可能会更容易；

@media (orientation: portrait) { 
    .reorientMessage{
        visibility: visible;
    }
    .mainContent{
        visibility: hidden ;
    }
}
@media (orientation: landscape) { 
    .reorientMessage{
        visibility: hidden;
    }
    .mainContent{
        visibility: visible ;
    }
}

html 例如；

<div class="reorientMessage">please reorient etc..</div>
<div class="mainContent">normal stuff here</div>