A principal razão para usar EM ou porcentagens é permitir que o usuário altere o tamanho do texto sem quebrar o design. Se você projetar com fontes especificadas em PX, elas não mudam de tamanho (no IE 6 e outras) se o usuário escolher o tamanho do texto - maior.
- Qual é o benefício de usar o valor EM para o tamanho da fonte?
- Por que você deveria usá -los em vez de px?
- Devo usar REM ou EM ou PX?
- Devo usar em ou vw?
Qual é o benefício de usar o valor EM para o tamanho da fonte?
EMS não tem tamanhos fixos. Eles são escaláveis e, por esse motivo, o EMS é bom para o desenvolvimento da web móvel. EMS são relativos ao tamanho da fonte definido no CSS. Se você não tem um conjunto no CSS, então 1 EM geralmente será igual a 16px, o que geralmente é o tamanho da fonte padrão nos navegadores.
Por que você deveria usá -los em vez de px?
As unidades PX garantem resultados consistentes, mesmo que isso não seja ideal. O EM é relativo ao tamanho da fonte do elemento pai; portanto, se você deseja escalar o tamanho do elemento com base no tamanho dos pais, use -o.
Devo usar REM ou EM ou PX?
No CSS, EM e REM são unidades escaláveis que também especificam valores de propriedades. EM e REM atendem aos padrões de acessibilidade da Web e, ao contrário do PX, escala melhor. Consequentemente, eles são mais adequados para design responsivo.
Devo usar em ou vw?
Use EM ou REM para coisas como: tamanho de fonte, preenchimento, margem. Use % para largura ou altura de recipientes, divs ou outros componentes grandes. Use VH e VW para dimensionar seções como uma porcentagem do tamanho da tela (por exemplo, eu uso muito isso para forçar seções com imagens de fundo a serem tela cheia (VH) e/ou largura completa (VW))