iPhone 5 dimensioni dello schermo VS CSS media query

Question

Eventuali duplicati:
iPhone 5 CSS media query

l'iPhone 5 Stati tecnologia spec Dimensione dello schermo del 1136 da 640

mia domanda è questa,

Per il paesaggio, ff Devo usare il max- Dispositivo-larghezza 568px riferiscono a http://www.stephentgilbert.com/mediaqueries/#iPhone

Può spiegare perché che funziona quando la dimensione indicato sul sito iPhone 5, dice la larghezza sarebbe 1136px

so che sto mescolando con alcuni dei fondamenti qui. Ti sarei grato se potessi fornirmi una spiegazione adeguata e magari collegarmi alle risorse online pertinenti.

Answer 1

Il display Retina contiene il doppio di pixel del display standard, ma iOS considera la risoluzione come il display standard per la misurazione e l'output dello schermo. Se così non fosse, i siti Web sembrerebbero tutti molto piccoli e ingranditi.

Answer 2

Il display Retina dell'iPhone indica che lo schermo 1136x640 utilizza pixel virtuali 568x320. Ogni pixel CSS è costituito da quattro pixel fisici (2x2).

Dal momento che nessuno che dice "datemi un div 100px qui" in CSS vuole che venga visualizzato a mezza dimensione su un dispositivo a risoluzione più alta come un display Retina, non usa i pixel fisici come CSS pixel.