Dovrei usare l'altezza del dispositivo e la larghezza o la vista con Bussol Extension Breakpoint?

Question

Quindi ho la seguente situazione: $ iPhone: 320 px (massima altezza 568px); Questa è la dimensione dell'iPhone. Tuttavia, quando ridimando il mio browser a questi valori esatti, le query dei supporti non funzionano. Se inserisco la vista anziché questo controllando la dimensione del display utilizzando un'estensione del browser funziona. Dovrei usare la larghezza del dispositivo e l'altezza o la vista? Sembra strano usare la vista.

Ecco un esempio delle mie variabili per Breakpoint: sto fissando il problema aggiungendo "Dispositivo"? Devo aggiungere "dispositivo" a tutti loro?

.

/ * motorola razr v8 (240 x 320) * /

$ Motorola-Portrait: 240px (max-device-altezza 320px);

/ * Blackberry 8300 (320 x 240) * /

$ Blackberry-ritratto: 320px (massimo-dispositivo-altezza 240px);

/ * iPhone 3-4 (320 x 480) * /

$ iphone4-ritratto: 320px (max-dispositivo-altezza 480px);

/ * iPhone 5 (320 x 568) * /

$ $ iPhone5-Portrait: 320px (altezza massima-dispositivo 568px);

/ * Sasmung Galaxy S3 / S4 (360 x 640) * /

$ samsunggalaxy-ritratto: 360px (max-dispositivo-altezza 640px);

Answer 1

Su questo sito è possibile testare le tue query dei supporti

Media Query Tester

Non devi fare per tutti i dispositivi!Fallo solo per una gamma!