Índice

Consultas de medios

1. Criterios

Las consultas de medios le van a permitir acoplarse con precisión a los distintos tipos de pantalla de difusión según criterios precisos.

He aquí los criterios que vamos a poder utilizar en las consultas de medios:

  • El ancho de la visualización: width. Podemos comprobar la anchura de la zona de visualización del navegador. Por ejemplo: width: 780px.

  • La altura de la visualización: height. Podemos comprobar la altura de la zona de visualización del navegador.

  • La anchura física: device-width. Podemos comprobar la anchura física de la pantalla de difusión.

  • La altura física: device-height. Podemos comprobar la altura física de la pantalla de difusión.

  • La orientación de la pantalla: orientation. Por ejemplo: orientation: portrait u orientation: landscape. Resulta muy práctico para comprobar si el usuario utiliza su tableta táctil verticalmente (portrait) u horizontalmente (landscape).

  • La relación de aspecto: aspect-ratio. Para comprobar el valor del ratio anchura/altura. Por ejemplo: aspect-ratio: 16/9.

  • La relación de aspecto física: device-aspect-ratio. Para comprobar el valor del ratio físico anchura/altura de la pantalla.

  • El color: color. Podemos comprobar si el soporte de difusión utiliza color (valor por defecto si la propiedad color no se ha utilizado), o es en blanco y negro, o en escala de grises. Por ejemplo: min-color: 8.

  • El número de colores en la tabla de colores: ...