Nas aulas foi abordado o uso das medidas em pixel, rem e porcentagem. Para o rem e a porcentagem, em quais momentos devo utilizar um ou outro?
Nas aulas foi abordado o uso das medidas em pixel, rem e porcentagem. Para o rem e a porcentagem, em quais momentos devo utilizar um ou outro?
Olá, Marcos!
A escolha entre rem e porcentagem depende do contexto e do que você está tentando alcançar com o seu design.
rem: A unidade rem é baseada no tamanho da fonte do elemento raiz (geralmente o elemento " < html > "). Isso é útil quando você quer que o espaçamento, o preenchimento, etc., sejam consistentes em relação ao tamanho da fonte base. Se o tamanho da fonte base for alterado, todos os tamanhos definidos em rem serão ajustados proporcionalmente. Porcentagem: A unidade de porcentagem é relativa ao tamanho do elemento pai. Isso é útil quando você quer que um elemento seja sempre um certo percentual do tamanho do seu pai. Por exemplo, você pode querer que uma imagem ocupe sempre 50% da largura do seu contêiner pai, independentemente do tamanho da janela do navegador. Em geral, rem é útil para componentes que você quer que sejam escaláveis com o tamanho da fonte base, enquanto a porcentagem é útil para layouts responsivos que devem se ajustar ao tamanho do contêiner pai.
Espero que isso ajude! Se você tiver mais perguntas, fique à vontade para perguntar.