HeadlinesBriefing favicon HeadlinesBriefing.com

Pixels são uma mentira: por que usar a unidade ch

Hacker News •
×

Pixels são uma mentira. Mesmo com precisão "pixel perfect", monitores não exibem quadrados platonicamente perfeitos. Em CSS, 1px não equivale a um pixel físico do dispositivo; em telas HD, pode abranger múltiplos pixels.

Da mesma forma, 1cm em CSS frequentemente não corresponde a um centésimo de metro SI, sendo tipicamente maior em telas de TV grandes. Esses comprimentos são perceptuais: 16px parece aproximadamente igual em um telefone, laptop ou TV à distância de visualização típica. Este blog baseado em texto define largura baseada na largura do caractere usando a unidade "ch" em vez de porcentagens de tela, garantindo legibilidade.

Para espaçamentos e margens, o autor reutiliza a unidade ch para proporção de largura e a unidade "ex" para altura, relacionada ao tamanho típico de letras minúsculas. Embora não converta toda referência de px para ch, o autor experimenta para ver se a abordagem funciona, observando que não há nada de errado em usar px. A filosofia se encaixa nas proclividades particulares do autor.