Orientación

Podemos aplicar estilos diferentes cuando el dispositivo está orientado de una forma u otra con el atributo orientation. Esto es aplicable a dispositivos móviles, los cuales se pueden tener en orientación vertical u horizontal.

Por lo tanto, tenemos dos posibles valores:

• portrait: el alto es mayor o igual que el ancho.
• landscape: el ancho es mayor que el alto.

Por ejemplo, si queremos aplicar un estilo cuando el dispositivo está en horizontal, utilizaríamos el siguiente código:

@media (orientation: landscape) {
  body {
    color: rebeccapurple;
  }
}