Publicidade

Compre um adesivo e ajude o Em Busca do Código a continuar.


Letras adaptativas em HTML5 CSS3. Vídeo 86


Essas letras se adaptam ao dispositivo ou navegador que o usuário está utilizando.


Ao invés de usar px para configurar o tamanho da fonte, utilize em. Por padrão 1em equivale ao padrão de letras (normais) do dispositivo ou navegador (celular, tablet ou pc). Quando for um desktop o tamanho padrão das letras é 16px, então, no pc 1em é igual a 16px. Mas isso muda quando o user utiliza dispositivos mobiles, assim como tablets, smartphones e celulares mais antigos.


Os links a seguir podem te auxiliar na parte teórica, caso a parte pratica não seja o suficiente.

Link externo (abre em outra aba): Dicas & truques CSS
Link externo (abre em outra aba): CSS Fonts

Utilize o código fonte a seguir para ver como as letras se comportam em diferetes dispositivos, e, utilize as que mais lhe convém.


Código fonte HTML:


Código fonte CSS:


Assista ao vídeo:


Compre um adesivo e ajude o Em Busca do Código a continuar.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.