Píxeles a unidades em

La tipografía relativa depende de esa base: un em equivale al tamaño de fuente calculado del padre, de modo que veinticuatro píxeles con un padre de dieciséis píxeles son uno coma cinco em, y catorce píxeles con el mismo padre son cero coma ocho siete cinco em.

Qué significan los píxeles y el em y qué contiene la respuesta

Una conversión CSS de píxeles a em responde a una pregunta de maquetación concreta: dado un tamaño de fuente o una longitud de espaciado en píxeles y el tamaño de fuente del elemento padre en píxeles, cuál es la magnitud equivalente en em para que el tipo, el relleno y los tamaños de componente sigan proporcionales cuando cambian la cascada o el zoom del usuario. Los píxeles son longitudes absolutas independientes del dispositivo en CSS; el em es relativo al tamaño de fuente calculado del elemento padre, de modo que el mismo valor em se escala automáticamente al cambiar la fuente del padre. Cero es un valor px válido y simplemente produce cero em, útil al vaciar un token de tamaño o al afirmar un espaciado vacío. Esta calculadora acepta un valor numérico px y un tamaño de fuente del padre en píxeles, y devuelve el resultado em redondeado a una precisión estable, una cadena compacta em_css como 1.5em lista para pegar en una hoja de estilo, las entradas ecoadas, un campo ratio igual al resultado em para claridad en tablas, y un breve recordatorio de la fórmula. En esta página no hay camino inverso de em a px, ni búsqueda de raíz rem, ni matemática de viewport, ni simulación de media-query: el motor divide px entre parent dentro del rango de magnitud admitido o rechaza la entrada con invalid_input. Los casos rechazados incluyen px o parent ausentes, números no finitos, magnitudes por encima del techo documentado, y cualquier parent cero o numéricamente cero, porque em igual a px entre parent dividiría por cero.

Cómo se leen px, parent y precision y cómo se reproducen los resultados

Se admite notación científica opcional en cadenas numéricas cuando se parsea como decimal finito; espacios embebidos, prefijos hex y tokens no numéricos se rechazan con un mensaje claro para que una celda errónea de hoja de cálculo no se convierta en un tamaño de tipo incorrecto. El cálculo es una sola división: em es igual a px dividido por parent. Los docentes también pueden usar el mismo contrato para corregir tareas que piden convertir una escala tipográfica en píxeles a em para encabezados y cuerpo anidados. Los campos preferidos son px para la magnitud en píxeles y parent para el tamaño de fuente del padre en píxeles, con alias pixels, size, font_size, value y amount para el campo de píxeles, y base, parent_px, parent_font_size, base_font_size y root para el campo parent, de modo que clientes heterogéneos compartan un solo contrato. Un parent cero siempre falla con invalid_input porque la conversión relativa a em no está definida sin un tamaño de fuente del padre distinto de cero. Un campo opcional precision, con alias decimals y dp, elige cuántos decimales exponer para px, parent, em y ratio, con valor por defecto diez y tope quince para que los goldens JSON se mantengan estables entre runtimes. Combine la ejecución gratuita en el navegador de esta página con la API de pago cuando necesite el mismo resultado matemático dentro de un pipeline automatizado sin reimplementar usted mismo la matemática tipográfica.

Dónde encaja la conversión px a em en design systems, CSS y software

En esta página el trabajo se ejecuta por completo en su navegador; a través de la API cada consulta correcta cuesta $0.002, la validación fallida no se cobra y no se almacena nada tras devolver la respuesta. Esa división — exploración interactiva gratuita y una API idéntica de pago — coincide con el resto del catálogo KIT de nivel A y le permite pasar de una demo de aula a un pipeline automatizado sin cambiar el resultado matemático.