Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Device Mode no Chrome DevTools

Olá gente tudo bem? Quero entender a relação dos tamanhos dos dispositivos pré-definidos no Device toolbar... Ex: o Galaxy S8 tem o tamanho de: 360 x 640 de onde saiu esse tamanho? Pq o tamanho do S8 na especificações do aparelho é de: 2960x1440

Help me please

2 respostas
solução!

Oi, Rodolfo, tudo bem?

Então, esse valor que você pegou 2960x1440 pixel 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!

Aeee Laís, ajudou e muito! Brigadão

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software