2013-05-05 16 views
16

Ho cercato sul Web di trovare il supporto del browser per window.devicePixelRatio, senza molta fortuna.window.devicePixelRatio supporto del browser

Qualcuno sa cosa sostengono questi dispositivi/dispositivi?

+0

se è necessario supportare le più recenti iOS o androidi, allora questo dovrebbe funzionare. Logicamente direi che qualsiasi dispositivo con un rapporto pixel maggiore di 1 dovrebbe supportarlo, ma chissà ... cosa devi fare? Forse ci sono altri modi per risolvere il tuo problema – Huangism

risposta

8

Secondo this post sul blog: (dal 2012)

  • window.devicePixelRatio è per lo più attendibili sulla maggior parte dei browser.
  • Sui dispositivi iOS, moltiplicare devicePixelRatio per screen.width per ottenere il numero di pixel fisici.
  • Sui dispositivi Android e Windows Phone, dividere screen.width per devicePixelRatio per ottenere il conteggio dei dips.

2017 UPDATE:

Questa proprietà restituisce il rapporto tra la risoluzione in pixel fisici per la risoluzione in pixel CSS per il dispositivo di visualizzazione corrente. Questo valore potrebbe anche essere interpretato come il rapporto tra le dimensioni dei pixel: la dimensione di un pixel CSS per le dimensioni di un pixel fisico.

browser desktop supportano:

 
Chrome Edge Firefox Internet Explorer Opera Safari 
49  (Yes) 49   11     41  9.1 

Browser Dispositivi Mobili:

 
Android  Edge Firefox  IE Mobile Opera Safari Mobile 
4.4   (Yes) ?   ?   all  9.3 

Draft Spec

+1

l'articolo collegato * è * del 2012. quindi è un po 'obsoleto. – the0ther

+0

Nota: "Sui dispositivi iOS, moltiplica devicePixelRatio per screen.width per ottenere il numero di pixel fisici" non è più vero - fornisce un risultato errato su iPhone 6+, 6s + e 7+ a causa del downsampling. – Jules

Problemi correlati