Einblendung auf meiner Website?

Ich habe eine eigene Website, auf dieser soll eine Einblendung erscheinen, dass Personen die die Website mit dem Handy besuchen, ihr Handy für eine bessere Sicht im Querformat benutzen sollen. Wie kann man so eine Einblendung per HTML machen?

Answer 1

[medmonk]

HTML:

<div class="info">
 <h3>Tipp:</h3>
 <p>
   Verwenden Sie unseren Service im Querformat, 
   für ein optimales Nutzungserlebnis.
 </p>
</div>

CSS:

@media screen and (orientation: landscape) {
  .info {
    display: none;
  }
}

@media screen and (orientation: portrait) {
  .info {
    display: block;
  }
}

LG medmonk