Convertidor de unidades CSS
Opciones de unidad
rem usa el tamaño de fuente base. em y % usan el tamaño principal. vw y vh utilizan el ancho y alto de la ventana gráfica.
Vista previa en vivo
Acerca del convertidor de unidades CSS
CSS Unit Converter ayuda a convertir unidades CSS comunes como px, rem, em, %, vw y vh. Es útil para adaptar tipografía, espaciado, puntos de interrupción y diseños responsivos.
Puede cambiar el tamaño de fuente base, el tamaño principal, el ancho y la altura de la ventana gráfica para que coincidan con el contexto de su proyecto en lugar de depender de suposiciones fijas.
como usarlo
- Ingrese el valor que desea convertir.
- Elija las unidades CSS de origen y destino.
- Ajuste el tamaño de fuente base, el tamaño principal o los valores de la ventana gráfica cuando sea necesario.
- Copie el valor convertido o la regla CSS.
Consejos
- Utilice 16px como tamaño base predeterminado común para conversiones rem.
- Utilice el tamaño principal al convertir valores em o porcentuales.
- Utilice el ancho de la ventana gráfica para vw y la altura de la ventana gráfica para conversiones de vh.
- Consulte la vista previa para comprender la escala visual del valor convertido.
Comprobaciones al convertir unidades CSS
Valores visualmente iguales no siempre son equivalentes: las unidades relativas dependen de fuentes, viewport, contenedores o propiedades.
Identifica la referencia
Confirma si porcentajes, em, rem, viewport y container units dependen del padre, raíz, elemento o query container.
Evita precisión falsa
Redondea solo lo necesario y comprueba si el error acumulado afecta grids, transforms o dimensiones repetidas.
Prueba el comportamiento responsive
Compara el resultado entre breakpoints, orientación, cambios de interfaz del navegador, zoom y distintos tamaños raíz.
Elige unidades por intención
Usa unidades que expresen la relación necesaria en vez de convertir todo a píxeles porque hoy se vea igual.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.