0

Dicas rápidas #007 - HTML \ Responsive (Básico)

#HTML
Joilson Silva
Joilson Silva

Para nós que estamos começando, fazendo transição de carreira ou até mesmo ainda viajando nos conceitos da programação tem momentos que tudo parece difícil, quando deveriam ser mais simples na didática. Para mantermos a simplicidade aqui vai uma dica para criarmos um site responsivo.


Mas o que é site responsivo?


Resposta: É um site que se adapta a qualquer tela (TV, Desktop, Tablet, Smarphones)


Para que isso ocorra basta adicionar o parâmetro abaixo entre as TAGs <head> </head> em todas às suas páginas HTML:


<meta name="viewport" content="width=device-width, initial-scale=1.0">


Exemplo(s):


  • Site visto a partir de um smartphone sem o meta tag acima:




  • Site visto a partir de um smartphone com o meta tag acima:




" SE ESTA DICA LHE FOI ÚTIL DEIXE O SEU COMENTÁRIO PARA QUE EU POSSA AVALIAR A MINHA CONTRIBUIÇÂO JUNTO À COMUNIDADE"



Abraços,


Joilson Silva.

1
55

Comentários (1)

1
Walter Pina

Walter Pina

21/01/2021 20:21

Joilson, boa noite!!


Grande dica meu amigo. Para aqueles que utilizam o VSCode, o emet do html já traz no preenchimento automático esta informação. Isso facilita bastante nossa vida quando começamos e quando estamos programando.


O conteúdo é muito relevante, continue publicando artigos.


Um abração!!

Profissional da área contábil\financeira em transição de carreira para a área de TI-Tecnologia da Informação e Comunicação (PJ \ CLT).

Brasil