DICCIONARIO DE INFORMÁTICA Y TECNOLOGÍA
  ¿Qué significa media query? - Información sobre media query

Definición de media query

Leandro Alegsa (Contacto) 2015-07-31

Envíanos un mensaje


Enviar
Anuncios

Media query es una característica de CSS que permite al contenido de un sitio web adaptarse a diferentes tamaños de pantalla y resoluciones.

Media query es una parte fundamental para el diseño de la llamada web responsiva (web adaptable) y es usado para personalizar la apariencia de un sitio web si es accedido desde diferentes dispositivos con diferentes tamaños de pantallas.

A continuación un ejemplo sencillo de un media query:

@media screen and (max-width: 768px)
{
header { height: 70px; }
article { font-size: 14px; }
img { max-width: 480px; }
}


El código anterior se activa si el navegador web del usuario tiene 768 píxeles de ancho o menos. Esto podría suceder si la ventana del navegador es achicada por el usuario en una computadora de escritorio o si se está utilizando un dispositivo móvil pequeño, como una tableta o un celular, para visualizar el sitio web.

En el diseño de un sitio web, los media queries actúan como filtros para los diferentes tamaños de pantalla. Algunos filtros usados para clasificar pantallas son: min-width, min-device-width, min-device-height, aspect-ratio, max-color-index, max-resolution, orientation y resolution.





¿Mejoramos la definición?
Puntos: 0 (0 votos)






Respondemos tus consultas o comentarios a continuación:


¿Dudas? ¿necesita más información? Escriba y responderemos a tu email: clic aquí



 




  Diccionario de informática
  Búsqueda por letras:

A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z - 0,9
 
Búsqueda por categorías
:

Almacenamiento - Aplicaciones - Audio - Compresión - Desarrollo web - Discos ópticos - Inteligencia Artificial - Memorias - Microprocesadores - Seguridad informática - Sistemas de archivos - Terminología de programación - UNIX - Windows - ver categorías

 
Búsqueda por palabras:






Preguntas

No hay ningún comentario todavía

Todos los derechos reservados © 1998 - 2017 - ALEGSA - Santa Fe, Argentina.
Políticas del sitio web - Contacto - Publicidad