sobre, px, vw, ch, rem, em, % que aplicamos

Para o CSS atual, nossa unidade de layout não está mais limitada a px, então quais unidades devemos usar em quais circunstâncias?

1. vw, vh

Se quisermos definir a largura e a altura da página, devemos usar vw e vh

Por exemplo, 100vw === largura da tela

10vw === 10% da largura da tela

Geralmente, o lugar que costumamos usar é usar 100vh para definir a altura da caixa para ser a altura da tela inteira.

2. corr, linha, em

Essas unidades são definidas para a largura da fonte tamanho
1ch === o tamanho de um número
1ch === o tamanho de metade de um caractere chinês

Como nossos caracteres chineses têm dois caracteres de tamanho, se for uma página chinesa, geralmente use em
1em === o tamanho de um caractere chinês
1em === o tamanho de dois números

E rem é o mesmo que em, mas é para o tamanho da fonte de html, que geralmente é usado para capacidade de resposta.

3. %

% é geralmente usado para auto-adaptação, claro que flex e grid são mais populares para auto-adaptação