Website Orientierung

Question

Ich habe eine Website, die am meisten Zeit in Mobile geöffnet wird, und ich muss diese Website im Querformat standardmäßig angezeigt werden. (Obwohl sich der Benutzer im Hochformat befindet, sollte er auch im Querformat sein). Bitte helfen Sie mir, welcher Code zu verwenden ...

ich diesen Code verwendet, aber es half mir nicht aus, in irgendeiner Art und Weise ..

<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

könnte einfacher sein, wenn Sie CSS verwendet wird;

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

html zB;

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