Muera el px, larga vida al ch

Death to px, long live ch

Muera el px, larga vida al ch

Terence Eden explica por qué los píxeles son una mentira en CSS y propone usar unidades relativas como `ch` y `ex` para el diseño web. Al basar el ancho del contenido en caracteres en lugar de píxeles, se logra una legibilidad más consistente en diferentes dispositivos. El autor comparte su experimento de ajustar el ancho y los márgenes de su blog con `ch`, y reconoce que no es una solución universal, sino una preferencia personal.

Los píxeles son una mentira. Incluso si crees que estás dibujando algo con precisión de 'píxel perfecto', tu monitor te está mintiendo.
  1. somat

    Lo que quiero saber es quién decidió romper px, lo último que necesitamos es otra medida física descabellada, CSS ya estaba lleno de ellas. Pero qué 'tut tut, todo el mundo usa px y estas nuevas pantallas de alta densidad están renderizando las cosas muy pequeñas, no podemos permitir eso' y ahora px como unidad útil está arruinado.

    ¿Hay alguna manera de usar píxeles reales? Mi búsqueda, admito que rápida, dice que no. Al menos nada me salta a la vista de la especificación.

  2. microflash

    He encontrado que las unidades ch y ex están muy influenciadas por los caracteres latinos. Dan resultados extraños con caracteres no latinos, lo que lleva a números mágicos. Pero el concepto es realmente sólido: úsalas si quieres el espaciado relativo al texto.

  3. npn

    También hice algunos experimentos con ch hace muchos años. Descubrí que 60ch es el ancho ideal para texto en bloque para una lectura fácil. Lástima que sea bastante difícil hacer sitios web con solo 60ch de ancho.

  4. larusso

    Estoy algo desactualizado, pero recuerdo la época en que todos cambiaron de px a em. Cuando volví a CSS por un tiempo corto, era px de nuevo y he aquí que funcionaba para pantallas 4K. Para ser honesto, no me gustaba mucho el uso de em y de hecho prefiero px.

  5. squidlib

    Me gustaría escuchar el enfoque del autor sobre las unidades vw y vh. He tendido a usar estas unidades donde quiero una sensación específica y ha funcionado relativamente bien a lo largo de los años. Me sorprende que no se mencionara, dado que la justificación de ch giraba en torno al deseo de un diseño consistente.

Más de este día

2026-08-23