Conversor de Unidades CSS - px a rem, em, pt, vw, vh y Más
Conversor de Unidades CSS
Convierta cualquier longitud CSS a todas las demás unidades a la vez
Todas las Unidades
Escriba un valor en una unidad y véalo en 14 unidades CSS, cada una copiable con un clic.
Su Contexto
Las unidades relativas dependen de la fuente y la ventana, así que usted las define.
Tabla de px a rem
Tamaños de píxel habituales con su equivalencia en rem y puntos para su fuente raíz.
Privado
Todo se ejecuta en su navegador; nada de lo que pegue se sube.
Qué Unidad CSS Usar
Los píxeles CSS no son píxeles del dispositivo: por definición 1in = 96px = 72pt = 2,54cm en pantalla, sea cual sea la densidad. rem es relativo al tamaño de fuente raíz (html), 16px por defecto, así que 1,5rem = 24px; respeta la configuración de fuente del navegador del usuario, por lo que es la mejor opción para tamaños de texto y espaciado. em y % son relativos a la fuente del padre y se acumulan al anidar.
vw y vh son porcentajes de la ventana, útiles para secciones a pantalla completa y texto fluido; en móvil, las unidades más nuevas svh, lvh y dvh tienen en cuenta las barras del navegador. Las unidades físicas (cm, mm, in, pt) sirven sobre todo en hojas de estilo para imprimir. Para el texto, evite tamaños solo en vw, que no crecen al hacer zoom; combínelos con rem usando clamp().
Puntos Clave
- rem para el texto: Se adapta a la preferencia de fuente del usuario.
- 96px por pulgada: CSS fija la relación entre píxeles y unidades físicas.
- em se acumula: Los em anidados se multiplican; los rem no.