Solucionado
Olá a todos!
Alguém poderia explicar melhor sobre como funciona esse esquema de pixels no computador e no celular?
Se o navegador tem 940px e o celular tem 375px, não entendo como que no mobile fica menor. Pra mim teria que ficar bem maior, aparecendo apenas uma fração da página no mobile. Não entendo essa relação entre pixels e tamanho de tela... : (
hoje, com a Alura e o Google Gemini
Oi, Ley, tudo bem?
Então, esse valor que você citou, 375pixel ele é referente à resolução do aparelho em pixels. Porém, o pixel que nós trabalhamos no CSS é diferente. Os desenvolvedores não utilizam esse pixel de resolução como base para trabalhar. O Pixel que está lá nas oções de device para testar seu layout no responsivo é o pixel que cada dispositivo estabelece para que seja estilizado pelo desenvolvedor. Ou seja, resolução é qualidade de imagem e o pixel de css é área útil do celular.
Aqui, nesse site: https://yesviz.com/ você consegue ver essa relação entre resolução e área útil ou resolution e viewport.
Espero ter te ajudado!
Fala ai Ley, tudo bem? Conseguiu resolver seu problema?.
Caso a dúvida tenha sido esclarecida, não esqueça de marcar o tópico como solucionado, assim a gente consegue ajudar outros alunos com problemas iguais ou parecidos.
Abraços e bons estudos.
Acho que consegui entender um pouco melhor. vlw
Boa Ley, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.