Publicado em 16 de jun.

Como fazer um site responsivo?

Boa tarde, gostaria de tirar uma duvida, não sei se aqui é o lugar certo desde já peço desculpas.

Estou com uma duvida em relação ao site que se ajuste ao tamanho da tela, ele deve ser feito em pixels ou em porcentagem, porque tem sites por ai que quando a gente acessa o mesmo em tablet por exemplo ele se ajusta ao tamanho da tela e mantem o mesmo layout, outros ja mudam e ficam totalmente diferente, este site aqui por exemplo http://www.freeimages.com/ ele é o mesmo tanto em table quanto em tela grande, a minha duvida é como fazer isso?

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 16 de jun.

O mais importante não é se é pixels ou porcentagem, é a forma com que trabalham com as media queries.

http://tableless.com.br/introducao-ao-responsive-web-design/

http://tableless.com.br/introducao-sobre-media-queries/

http://tableless.com.br/design-responsivo-na-pratica-do-rascunho-ao-digita/

avallon-azevedo· 17 de jun.

Cara, para trabalhar com sites responsivos a medida não importa muito, desde que você tenha controle sobre seus valores.

O ideal é trabalhar com valores relativos, ou seja, porcentagem e em ou rem.

Utilize porcentagens para tamanho de blocos, com divs ou sections.

Para tamanho de fontes, utilize em ou rem.

Para tornar o site responsivos, trabalhe com media queries.

Aconselho também a utilizar uma técnica chamada mobile first, cujo âmago é desenvolver de dispositivos com resoluções pequenas primeiro para, em seguida, evoluir para resoluções maiores.