2013-05-05 21 views
16

Szukałem w Internecie, aby znaleźć wsparcie dla przeglądarki dla window.devicePixelRatio, bez powodzenia.window.devicePixelRatio wsparcie przeglądarki

Czy ktoś wie, jakie browary/urządzenia obsługują to urządzenie?

+0

jeśli trzeba wspierać nowsze iOS czy androidy, to powinno działać. Logicznie rzecz biorąc powiedziałbym, że każde urządzenie o stosunku pikseli większym niż 1 powinno to wspierać, ale kto wie ... co trzeba zrobić? Być może istnieją inne sposoby na rozwiązanie Twojego problemu. – Huangism

Odpowiedz

8

Według this blogu: (od 2012 roku)

  • window.devicePixelRatio jest głównie wiarygodne w większości przeglądarek.
  • Na urządzeniach z systemem iOS pomnóż numer devicePixelRatio, aby uzyskać fizyczną liczbę pikseli.
  • Na urządzeniach z systemem Android i Windows Phone podziel screen.width przez devicePixelRatio, aby zmniejszyć liczbę spadków.

2017 UPDATE:

Ta właściwość zwraca stosunek uchwały fizycznych pikseli na rozmiar w pikselach CSS dla bieżącego urządzenia wyświetlającego. Ta wartość może być również interpretowana jako stosunek rozmiarów pikseli: rozmiaru jednego piksela CSS do rozmiaru jednego fizycznego piksela.

przeglądarek pulpitu wspierać:

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

Przeglądarki mobilne:

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

Draft Spec

+1

Link do artykułu * jest * z roku 2012. więc jest trochę nieaktualny. – the0ther

+0

Uwaga: "Na urządzeniach z systemem iOS zwielokrotnienie urządzenia PixelRatio przez screen.width, aby uzyskać fizyczną liczbę pikseli" nie jest już prawdą - daje niepoprawny wynik na iPhone 6+, 6s + i 7+ ze względu na downsampling. – Jules