Bom, já entendi que o tamanho da medida ch
é a largura do caractere 0
.
Entretanto, existem casos que é melhor usar a medida ch
ao invés de alguma outra?
Gostaria de deixar como exemplo a resposta da atividade "Alterando o projeto existente" da Aula 1.
O instrutor alterou o estilo do blockquote de:
.citacao-bio {
background-color: #D9E5E3;
border: 10px solid #C2CCCA;
padding: 20px;
margin: 20px 40px;
width: 250px;
box-sizing: border-box;
}
para:
.citacao-bio {
background-color: #D9E5E3;
border: .5em solid #C2CCCA;
padding: 1em;
margin: 1em 2em;
width: 30ch;
box-sizing: border-box;
}
Segundo o instrutor: "Se agente for definir a largura de um elemento, com base na altura da fonte, pode ficar meio esquisito"... "pra isso agente pode usar outra medida no CSS que é a medida ch".
Neste caso acima, o font-size
base é de 20px, não bastaria converter os 250px do width para em
ficando 12.5em
? Por que não ficaria bom usar uma medida que se baseia na altura da fonte para definirmos a largura de um elemento?