Ne pas afficher le mode paysage sur le site Web

Question

J'essaie de faire en sorte que mon site ne permette pas le mode paysage dans les téléphones intelligents car mon application n'est absolument pas conçue pour le mode «paysage». Comment puis je faire ça ?

des suggestions? merci

Answer 1

Vous n'avez aucun contrôle sur l'utilisateur en déplaçant l'orientation, mais vous pouvez au moins leur envoyer un message. Cet exemple masque l'enveloppe en mode portrait et affiche le message d'avertissement, puis cache le message d'avertissement en mode paysage et affiche le portrait.

<style type="text/css"> 
     #warning-message { display: none; } 
     @media only screen and (orientation:portrait){ 
      #wrapper { display:none; } 
      #warning-message { display:block; } 
     } 
     @media only screen and (orientation:landscape){ 
      #warning-message { display:none; } 
     } 
    </style> 

    .... 

<div id="wrapper"> 
    <!-- your html for your website --> 
</div> 
<div id="warning-message"> 
    this website is only viewable in landscape mode 
</div>