140 · Design e Web

Testador de tamanho de tela responsivo

Insira um endereço de página e escolha um tamanho de dispositivo para ver como o layout responde.

Seus dados: A visualização se conecta ao endereço que você carrega. Esse site recebe uma visita e trata os dados de acordo com sua própria política de privacidade. Detalhes de privacidade

Testador de tamanho de tela responsivo

Muitos sites se recusam a ser exibidos em outras páginas. Funciona melhor com seu próprio site ou um servidor de desenvolvimento local.

Como usar o testador de tamanho de tela responsivo

  1. Digite o endereço da página a ser testada.
  2. Escolha um dispositivo ou digite um tamanho personalizado.
  3. Carregue a página e gire para verificar a paisagem.

Limitações

A página é carregada em um quadro com a largura exata que você escolher, de modo que suas consultas de mídia CSS se comportem como naquela tela. Muitos sites, incluindo grandes plataformas, se recusam a ser exibidos dentro de frames e você verá uma página em branco ou de erro. Funciona melhor com seu próprio site ou um servidor de desenvolvimento local. Ele não emula o toque, o agente do usuário do telefone ou a proporção de pixels do dispositivo; para isso, use as ferramentas de desenvolvedor do seu navegador.

Exemplos

390 × 844

Um típico telefone moderno

1024 × 768

Um tablet em paisagem

Perguntas

Por que a página está em branco?

O site provavelmente bloqueia a exibição dentro de outras páginas (X-Frame-Options ou frame-ancestors). Essa é uma configuração de segurança nesse site.

Tradução automática. Revise resultados importantes.