CSS @media consulta

@media screen and (max-width: 600px) {
            .body{
                background-color:lightblue;
            }
        }

La función de código anterior es: si la anchura del documento es inferior a 600 píxeles que modifican el color de fondo (background-color).

@media screen and (min-width:960px) and (max-width:1200px){
    body{background:yellow;}
}

El código representa el ancho del navegador y es menor que o igual a 960 1200px estilo uso.

Definición y uso

Utilice @media consulta, puede definir diferentes estilos para diferentes tipos de medios de comunicación. @media pueden configurar diferentes estilos para diferentes tamaños de pantalla, especialmente si usted necesita para diseñar la página de respuesta, @ los medios de comunicación es muy útil.

Cuando se restablece el tamaño del navegador del proceso, la página se volverá a mostrar la página de acuerdo a la anchura y la altura del navegador.

la sintaxis CSS

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

También puede utilizar diferentes medios para diferentes  hojas de estilo  :

<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">

(tipos de medios) MediaType valores:

valor	descripción
todos	Para todos los dispositivos
auditivo	Obsoleta. Para el habla y sintetizador de voz
braille	Obsoleta. Braille aplica dispositivo de retroalimentación táctil
en relieve	Obsoleta. Blind aparato de impresión para imprimir
Mano	Obsoleta. Para los dispositivos más pequeños, portátiles o dispositivos, como PDA y el teléfono pequeño
impresión	Para las impresoras y vista previa de impresión
proyección	Obsoleta. Un aparato de proyección
pantalla	Para las pantallas de ordenador, tablet PC, teléfonos móviles sólo se
habla	Aplicado a los lectores de pantalla y otros equipos de sonido
TTY	Obsoleta. Para una cuadrícula de caracteres fijo
televisión	Obsoleta. Para la televisión e Internet TV

funciones de medios (medios de comunicación característica)

valor	descripción
relación de aspecto	Definición de la página de dispositivo de salida región visible de relación de anchura a altura de
color	Define el número de dispositivos de salida de cada grupo de originales en color. Si el dispositivo no es un color, entonces el valor es igual a 0
Indice de color	Define el número de entradas en la tabla de consulta de colores en el dispositivo de salida. Si no utiliza una tabla de colores de consulta, el valor es igual a 0
dispositivo de relación de aspecto	Los dispositivos de salida de la pantalla visible anchura definición de relación de altura.
dispositivo de altura	dispositivo de salida de definición de pantalla muy visible.
dispositivo de ancho	definición de pantalla anchura dispositivo de salida Visible.
cuadrícula	Se utiliza para la consulta de si el dispositivo de salida usando una rejilla o celosía.
altura	Definición del dispositivo de salida de zona altamente visible de la página.
max-relación de aspecto	Visible definición de pantalla anchura dispositivo de salida a la proporción de altura de la máxima.
max color	Definir el número máximo de dispositivos de salida de cada grupo de originales en color.
max color-index	Define el número máximo de entradas en la tabla de consulta de colores en el dispositivo de salida.
max-dispositivo de relación de aspecto	Visible definición de pantalla anchura dispositivo de salida a la proporción de altura de la máxima.
max-dispositivo de altura	dispositivos de salida de definición de la pantalla visible a la altura máxima.
max-dispositivo de ancho	Pantalla de definición anchura máxima visible del dispositivo de salida.
Altura máxima	La altura máxima de la zona visible de la página se define en el dispositivo de salida.
max-monocromática	El número máximo se define en un marco monocromático original de monocromo tampón se considera en cada píxel.
max-resolución	se define La resolución máxima del dispositivo.
anchura máxima	Definición del dispositivo de salida en la región visible de la anchura máxima de una página.
min-relación de aspecto	Definición de la relación mínima región visible página dispositivo de salida de anchura a altura.
min color	Cada grupo de dispositivos de salida define el número mínimo de originales en color.
min color-index	Define el número mínimo de entradas en la tabla de consulta de colores en el dispositivo de salida.
min-dispositivo de relación de aspecto	Una relación mínima visible definición de la pantalla del dispositivo de salida de anchura a altura.
min-dispositivo de ancho	Screen definición mínima anchura visible del dispositivo de salida.
min-dispositivo de altura	aparato de salida de pantalla mínima definida altamente visible.
min-altura	Definición del dispositivo de salida en la región visible de la altura mínima de la página.
min-monocromo	El número mínimo de originales monocromáticos se definen en un solo color por trama pixel tampón incluido
min-resolución	Resolución mínima dispositivos definidos.
min-width	Definición del dispositivo de salida en la región visible de la anchura mínima de una página.
monocromo	Definir un número de monocromo búfer original marco monocromo para cada píxel incluido. Si el dispositivo no es monocromática, el valor es igual a 0
orientación	Definición del dispositivo de salida en la región visible de la altura de la página es mayor que o igual a una anchura (pantalla vertical).
resolución	Definir la resolución del dispositivo. Tales como: 96 ppp, 300 ppp, 118dpcm
escanear	Proceso de definición de dispositivo de televisión del tipo de exploración.
anchura	Definición del dispositivo de salida en la región visible de la anchura de la página.