Testar seu site responsivo em diferentes resoluções de tela

Você sabe como seu site responsivo reage em outras resoluções de tela? O fato é que na maioria dos casos apenas visualizamos o nosso site na resolução em que trabalhamos e esquecendo que pessoas entram com aparelhos diferentes como computadores, notebooks, celulares, tablet e cada um como uma resolução diferente.

Visualizar seu site em outras resoluções também é importante quando você coloca um tema responsivo (aquele que se adapta ao tamanho da tela automaticamente)  em seu site e pode realmente ver como ficou.

Para isso vou indicar um site muito simples onde poderemos ver o site em várias resoluções diferentes e assim tirar as conclusões de o site está bem para todos ou só para alguns e até mesmo fazer algumas modificações afim de agradar a maioria dos visitantes.

Site responsivo

1º Passo: Primeiro clique no botão abaixo para entrar no site Simulador de resoluções de tela:

SIMULAR TESTES

2º Passo: No site basta digitar a URL do site que você quer visualizar em diferentes resoluções. Digite a URL incluindo o “http://” como no exemplo abaixo:

http://www.espacoblog.com

Depois clique em “Carga“:

site responsivo

E o site será carregado na resolução escolhida que por padrão é 1024 x 768:

 

3º Passo: Agora basta escolher outras resoluções em que você quer visualizar o seu site:

E o site será carregado de acordo com a resolução que você escolheu:

resolucao-tablet

Vídeo

Relacionados:

Ainda não há comentários.