DUVIDA: Por que minha tela não fica igual á ferramenta do desenvolvedor? | HTML e CSS: responsividade com mobile-first

1
resposta

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Produzindo CSS no desktop e atividade Revisando o flexbox

por Mateus Bomfim da Silva da Costa

| 50.8k xp | 14 posts

Fiquei curioso que meu site fica correto na ferramenta do desenvolvedor, mas ao fechar a ferramenta e olhar diretamente no meu computador (1366x768) fica tudo pequeno e desconfigurado.

Alguém poderia explicar?

Segue print para entendimento:

1366x768 - usando a ferramenta do desenvolvedor! CORRETO

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Utilizando fora da ferramenta:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Acredito que precise de um comando para disponibilizar o scroll na vertical, ou algo do tipo. Qual seria a solução?

Posso colocar o código aqui mas está com muitas linhas.

At.te,

1 resposta

por Eliel Carlos de Souza

| 53.4k xp | 29 posts

17/02/2023

Boa tarde Mateus, tudo bem?

Se você notar na ferramenta do desenvolvedor ele está igual a tela do seu computador, só não está mostrando, devido a uma configuração.

Vamos lá: se você notar na ferramenta do desenvolvedor, ao lado de 1366x768, tem um campo de porcentagem, e nele sua tela esta configurada para uma visualização de 29%. Isso não te dá uma visualização real do zoom da página, sendo que o valor real seria 100%.

Se alterar esse campo notará que ele estará exatamente como na tela do seu computador.

Espero ter ajudado! Abraço