Buonasera, il motivo principale per cui scrivo è la confusione che ho trovato sul web, mi spiego. ho deciso di inoltrarmi, finalmente, nel mondo del responsive web design, in pratica fare un file css che sfrutti le media queries in modo tale da adattare la pagina web al device che ne fa richiesta. Volevo chiedere: provando anche con la devtools di chrome a emulare diversi device ho capito che ad esempio un nexus 5 non ha risoluzione 1920*1080 ma ne ha molta meno e window.devicePixelRatio = 3, un iphone 5 non ha una risoluzione chiamata Retina (non la ricordo a memoria) ma ne ha molto meno e window.devicePixelRatio = 2. Provando altri dispositivi sono arrivato alla conclusione che la differenza di pixel tra device non è molta anche se questi sono un fullHD o un HD, quindi come faccio, tramite media queries, la diversa risoluzione dei device?
Spero di essermi spiegato, grazie!