Diseño y color

Generar consultas de medios CSS

Generar consultas de medios CSS — Introduce datos y revisa su formato o contenido. Guía de entrada: Ancho mínimo de pantalla (px), Ancho máximo de pantalla (px). Sin cuenta.

Sin cuenta

Cargando herramienta…

Cómo usar

  1. 1Guía de entrada: Ancho mínimo de pantalla (px), Ancho máximo de pantalla (px).
  2. 2Ejecuta la herramienta y revisa el resultado.
  3. 3Copiar resultado / Guardar resultado.

A tener en cuenta

Revisa primero el formato del ejemplo. Conserva el original y comprueba valores, espacios y saltos de línea antes de usar el resultado.

Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)

Ejemplo calculado de entrada y salida

Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.

Entrada de ejemplo

CampoValor
Ancho mínimo de pantalla (px)
640
Ancho máximo de pantalla (px)
1280

Resultado de ejemplo

@media (min-width: 640px) and (max-width: 1280px) {
  .element {
    display: block;
  }
}

Herramientas relacionadas

Todas las herramientas