Há algumas coisas que eu não consigo entender,

Atualmente, os celulares têm uma resolução tão boa quanto as de desktop. Ao criar um site responsivo, você usa consultas de mídia e torna as coisas fluidas. Essas consultas de mídia são baseadas no tamanho da tela em pixels. Então, digamos que eu faça um website responsivo e o projete para 480px, 800px e 1080px. Quando eu visualizá-lo dentro de um navegador de desktop eu iria ver o 1080px, no entanto, quando eu visualizá-lo dentro de um celular de alta final eu também ver o 1080px. Por que usamos pixels se não tem relação real com o tamanho da tela?

No entanto, se você usar o Viewport Meta Tag, é como resolver esse problema. Alguém pode explicar como o design responsivo é usado em relação aos pixels, mesmo sabendo que os pixels não determinam o tamanho da tela? e também como funciona a tag de viewport ou qualquer outra?